文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript核心语法是什么

2024-04-02 19:55

关注

本文小编为大家详细介绍“JavaScript核心语法是什么”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript核心语法是什么”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

  什么是JavaScript

  JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

  JavaScript特点

  JavaScript组成

  JavaScript日常用途

  JavaScript的基本结构

  示例:

  <script>&hellip;</script>可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可

  JavaScript的执行原理

  网页中引用JavaScript的方式

  1.使用<script>标签

  2.外部JS文件

  3.直接在HTML标签中

  JavaScript核心语法:

  ①先声明变量再赋值

  var width;

  width=5;

  var &mdash;&mdash; 用于声明变量的关键字

  width &mdash;&mdash; 变量名

  ②同时声明和赋值变量

  var catName="皮皮";

  var x, y, z=10;

  ③不声明直接赋值【一般不使用】

  width=5;

  变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用。

  ①undefined:示例:var width;

  变量width没有初始值,将被赋予值undefined

  ②null:表示一个空值,与undefined值相等

  ③number:

  var iNum=23; //整数

  var iNum=23.0; ?//浮点数

  ④Boolean:true和false 但是JS会把他们解析成1;0

  ⑤String:一组被引号(单引号或双引号)括起来的文本 var string1="This is a string";

  typeof检测变量的返回值;typeof运算符返回值如下:

  ①undefined:变量被声明后,但未被赋值。

  ②string:用单引号或双引号来声明的字符串。

  ③boolean:true或false。

  ④number:整数或浮点数。

  ⑤object:javascript中的对象、数组和null。

  ①属性:

  字符串对象。length

  var str="this is JavaScript";

  var strLength=str.length; ?//长度是18

  ②方法:

  字符串对象。方法名();

  split(str):如果语法写成width.split(" ")【冒号中间有空格】此时:width height hello world会被拆分成:width,height,hello,world;如果语法写成width.split("")【冒号中间没有空格】此时:width height hello world会被拆分成:w,i,d,t,h, ,h,e,i,g,h,t, ,h,e,l,l,o, ,w,o,r,l,d

  ①创建数组:

  ②为数组元素赋值:

  方法一:var fruit=new Array("apple", "orange", " peach","banana");

  方法二:

  var fruit=new Array(4);

  fruit [0]=" apple ";

  fruit [1]=" orange ";

  fruit [2]=" peach ";

  fruit [3]=" banana ";

  ③访问数组:

  数组名[下标]

  更多方法可查阅JavaScrpt Array对象参考手册:

  ①if条件语句

  If&middot;中0,null,” ”,undefined,NaN,false--------结果是false;其他的都是true!

  ②switch多分支语句

  ③for、while循环语句

  ④for-in

  i就是数组的下标,in这个数组要查询所有的数组下标

  ①break

  ②continue

  ①单行注释以 // 开始,以行末结束:

  //alert("恭喜你!注册会员成功");

  //在页同上弹出注册会员成功的提示框

  //注释

  如果在页面里单行注释中回车打一些东西此时就会报错:Uncaught ReferenceError: XXXX is not defined

  ②多行注释以  结束,符号  指示中间的语句是该程序中的注释

  【输出一般使用alert;输入使用prompt;但是后期不建议使用alert,在真实的开发中一般使用console.Log( )】

  ①alert()【一般用在一些警告或者提示中】:

  alert("提示信息");

  ②prompt()

  prompt("提示信息", "输入框的默认信息");

  prompt("请输入你喜欢的颜色","红色");

  prompt("请输入你喜欢的颜色","");

  ①代码区分大小写

  小写写成大写会报错:Uncaught SyntaxError: Unexpected identifier

  ②变量、对象和函数的名称

  当声明变量、对象和函数的名称时大小写,数字,下划线,美元符号都可以,但是必须以字母,下划线,美元符号开头

  否则会报错:Uncaught SyntaxError: Invalid or unexpected token

  ③分号

  如果不写会报错:Uncaught SyntaxError: Invalid or unexpected token

  直接打印信息,直接在页面上看到具体信息

  【但是一般使用console.Log( ),因为使用alert( )很容易忘掉删除,当使用alert( )进行弹出时,最后产品上线后,会降低用户体验,所以使用console.Log( )就会避免这个问题】

  函数的含义:类似于Java中的方法,是完成特定任务的代码语句块;使用更简单:不用定义属于某个类,直接使用;函数分类:系统函数和自定义函数

  parseInt ("字符串"):将字符串转换为整型数字

  如: parseInt ("86")将字符串“86“转换为整型值86

  当为parseInt ("86a")时输出还是86

  当为parseInt ("86a21")时输出还是86

  当为parseInt ("a86a")时输出NaN

  parseFloat("字符串"):将字符串转换为浮点型数字

  如: parseFloat("34.45")将字符串“34.45“转换为浮点值34.45

  isNaN( ):用于检查其参数是否是非数字

  isNaN("111")会输出false

  isNaN(true)会输出false

  isNaN("true")会输出true

  isNaN("aaa")会输出true

  isNaN("111a")会输出true

  自定义函数

  1.定义函数

  2.调用函数

  函数调用一般和表单元素的事件一起使用,调用格式

  事件名=?"函数名( )"?;

  一、调用无参函数

  调用无参函数,输出5次“欢迎学习JavaScript”

  示例:

  单击此按钮时,调用函数study(?),执行函数体中的代码

  二、调用有参函数

  根据输入的次数,显示“欢迎学习JavaScript“

  示例:

  单击此按钮时,调用函数study (count ),执行函数体中的代码

读到这里,这篇“JavaScript核心语法是什么”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网行业资讯频道。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯