JavaScript基本语法_动力节点Java学院整理

 更新时间:2017年06月26日 10:31:59   作者:liaoxuefeng  
这篇文章主要介绍了JavaScript基本语法,适合刚入门的同学,有兴趣的可以了解下。

语法

JavaScript的语法和Java语言类似,每个语句以;结束,语句块用{...}。但是,JavaScript并不强制要求在每个语句的结尾加;,浏览器中负责执行JavaScript代码的引擎会自动在每个语句的结尾补上;。

注意:让JavaScript引擎自动加分号在某些情况下会改变程序的语义,导致运行结果与期望不一致。在本教程中,我们不会省略;,所有语句都会添加;。

例如,下面的一行代码就是一个完整的赋值语句:

var x = 1;

下面的一行代码是一个字符串,但仍然可以视为一个完整的语句:

'Hello, world';

下面的一行代码包含两个语句,每个语句用;表示语句结束:

var x = 1; var y = 2; // 不建议一行写多个语句!

语句块是一组语句的集合,例如,下面的代码先做了一个判断,如果判断成立,将执行{...}中的所有语句:

if (2 > 1) {
  x = 1;
  y = 2;
  z = 3;
}

注意花括号{...}内的语句具有缩进,通常是4个空格。缩进不是JavaScript语法要求必须的,但缩进有助于我们理解代码的层次,所以编写代码时要遵守缩进规则。很多文本编辑器具有“自动缩进”的功能,可以帮助整理代码。

{...}还可以嵌套,形成层级结构:

if (2 > 1) {
  x = 1;
  y = 2;
  z = 3;
  if (x < y) {
    z = 4;
  }
  if (x > y) {
    z = 5;
  }
}

JavaScript本身对嵌套的层级没有限制,但是过多的嵌套无疑会大大增加看懂代码的难度。遇到这种情况,需要把部分代码抽出来,作为函数来调用,这样可以减少代码的复杂度。

注释

//开头直到行末的字符被视为行注释,注释是给开发人员看到,JavaScript引擎会自动忽略:

// 这是一行注释
alert('hello'); // 这也是注释

另一种块注释是用/*...*/把多行字符包裹起来,把一大“块”视为一个注释:

/* 从这里开始是块注释
仍然是注释
仍然是注释
注释结束 */

请注意,JavaScript严格区分大小写,如果弄错了大小写,程序将报错或者运行不正常。

相关文章

  • BootStrap智能表单demo示例详解

    BootStrap智能表单demo示例详解

    这篇文章主要介绍了BootStrap智能表单demo示例详解的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • javascript权威指南 学习笔记之javascript数据类型

    javascript权威指南 学习笔记之javascript数据类型

    JavaScript中允许使用三种基本数据类型 数字,文本字符和布尔值。其中数字包括符点数.此外,它还支持两种小数据类型 -null(空)和undefined(未定义),该两种小数据类型,它们各自只定义了一个值 。
    2011-09-09
  • JS变量及其作用域

    JS变量及其作用域

    本文主要介绍了JS变量及其作用域的相关知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • 详解JS中如何终止foreach循环

    详解JS中如何终止foreach循环

    forEach专门用来循环数组,可以直接取到元素,同时也可以取到index值,终止forEach存在局限性,不能continue跳过或者break终止循环,所以本文给大家详细介绍了在JS中如何终止foreach循环,需要的朋友可以参考下
    2024-01-01
  • echarts中X轴显示特定个数label并修改样式的方法详解

    echarts中X轴显示特定个数label并修改样式的方法详解

    最近在使用Echarts图表遇到些特别的需求,想着给大家整理下,所以下面这篇文章主要给大家介绍了关于echarts中X轴显示特定个数label并修改样式的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-07-07
  • 使用bootstrap莫名其妙出现横向滚动条的问题及解决

    使用bootstrap莫名其妙出现横向滚动条的问题及解决

    这篇文章主要介绍了使用bootstrap莫名其妙出现横向滚动条的问题及解决,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-11-11
  • javascript 就地编辑实现代码

    javascript 就地编辑实现代码

    最近正在看《javascript设计模式》,其中有一个'就地编辑'的示例,用来表现不同的继承方式,看完之后想自己凭理解写一个类似的东西。
    2010-05-05
  • html2canvas图片跨域问题图文详解

    html2canvas图片跨域问题图文详解

    我们在进行图片保存的时候经常会发现图片跨域了,下面下面这篇文章主要给大家介绍了关于html2canvas图片跨域问题的相关资料,需要的朋友可以参考下
    2023-03-03
  • javascript实现数字时钟效果

    javascript实现数字时钟效果

    这篇文章主要为大家详细介绍了javascript实现数字时钟效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-02-02
  • js判断手机系统是android还是ios

    js判断手机系统是android还是ios

    本文主要介绍了js判断手机系统是android还是ios的方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03

最新评论