• 首页
  • vue
  • TypeScript
  • JavaScript
  • scss
  • css3
  • html5
  • php
  • MySQL
  • redis
  • jQuery
  • JavaScript 语句

    计算机程序是计算机要执行的指令列表。在编程语言中,这些编程指令称为语句。JavaScript语句由以下各项组成:值,运算符,表达式,关键字和注释。

    JavaScript 程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。

    语句(statement)是为了完成某种任务而进行的操作,比如下面就是一行赋值语句。

    var a = 1 + 3;
    

    这条语句先用var命令,声明了变量a,然后将1 + 3的运算结果赋值给变量a


    1 + 3叫做表达式(expression),指一个为了得到返回值的计算式。

    语句表达式的区别在于,前者主要为了进行某种操作,一般情况下不需要返回值;后者则是为了得到返回值,一定会返回一个值。凡是 JavaScript 语言中预期为值的地方,都可以使用表达式。比如,赋值语句的等号右边,预期是一个值,因此可以放置各种表达式。


    语句以分号(;)结尾,一个分号就表示一个语句结束。多个语句可以写在一行内。

    var a = 1 + 3 ; var b = 'abc';
    

    分号前面可以没有任何内容,JavaScript 引擎将其视为空语句。

    ;;;
    

    上面的代码就表示 3 个空语句。

    表达式不需要分号结尾。一旦在表达式后面添加分号,则 JavaScript 引擎就将表达式视为语句,这样会产生一些没有任何意义的语句。

    1 + 3;
    'abc';
    

    上面两行语句只是单纯地产生一个值,并没有任何实际的意义。


    分号

    JavaScript 中的简单语句通常后跟分号字符(;)。JavaScript 程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句,换行意味着一个分号。所以,如果每个语句放在单独的行中,则 JavaScript 允许您省略此分号。

    var x = 20
    var y = 30
    

    但是,当按如下所示单行格式化时,必须使用分号:

    var x = 20; var y = 30;
    
    alert(3 +
    1
    + 2);
    

    上面的代码输出 6,因为 JavaScript 并没有在这里插入分号。显而易见的是,如果一行以加号+结尾,那么这是一个“不完整的表达式”,不需要分号。所以,这个例子得到了预期的结果。


    空格

    JavaScript 会忽略出现在 JavaScript 程序中的空格,制表符和换行符。

    您可以在脚本中添加空格以使其更具可读性。

    var greet="Hello world";
    var greet = "Hello world";
    

    通常建议的做法是在运算符(=+-*/)前后放置空格,以增强阅读性:

    var sum = a + b
    


    行长和换行符

    为了获得最佳可读性,应避免代码行超过 80 个字符。如果 JavaScript 语句不适合一行,则换行的最佳位置是在运算符之后:

    document.getElementById("para").innerHTML = "20+30之和是 " +
    sum;
    


    对代码行进行折行

    您可以在文本字符串中使用反斜杠\)对代码行进行换行。下面的例子会正确地显示:

    document.write("你好 \
    世界!");
    

    不过,您不能像这样折行:

    document.write \ 
    ("你好世界!");
    
    JavaScript 是脚本语言,浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。


    代码块

    JavaScript 语句可以在大括号内的代码块中分组在一起{...}。代码块的目的是定义要一起执行的语句。

    在JavaScript 函数中,您会发现在块中分组在一起的语句的一个地方。

    function myFunc() {
      document.getElementById("p1").innerHTML = "Hey, there!";
      document.getElementById("p2").innerHTML = "How are you doing?";
    }