美文网首页饥人谷技术博客
JavaScript基本语法(一)

JavaScript基本语法(一)

作者: 寿木 | 来源:发表于2017-09-13 10:46 被阅读20次

    一、语句

    JavaScript语言的执行单位为line,也就是一行一行的执行。一般情况下,每一行为一个语句。

    语句是为了完成某种任务而进行的操作。

    var a = 1 + 1
    

    这是赋值语句。用var命令,声明了变量a,然后将1+1的运算结果赋值给a
    1+1叫做表达式,表达式是一个为了得到返回值的计算式。
    语句和表达式的区别在于:

    • 语句是为了进行某种操作,一般是不需要返回值的。
    • 表达式是为了得到返回值的式子,一定会返回一个值。

    (所有预期为值的地方都可以使用表达式。一条语句可以包含多个表达式)

    语句以分号结束,一个分号表示一条语句结束。多个语句可以写在同一行内。

    var a; a = 1;
    

    如果分号前面没有任何内容的话,JavaScript会将其视为空语句。

    ;;;;;
    

    这就表示五个空语句。
    大多数情况下,如果你省略了句尾的分号,JavaScript会自动添加。但是,如果下一行的第一个字元是(‘(’、‘[’、‘/’、‘+’以及‘-’)这五个其中之一的话,JavaScript将不会对上一行的句尾添加分号。

    a = b 
    (function () {
        ……
    }) ();
    

    这样的代码等同于:

    a = b(function (){ ……}) ();
    

    因此,不要省略句末的分号。

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

    1 + 1;
    true;
    

    因为表达式的作用只是返回一个值,并没有任何其他的操作。所以这两条语句并没有什么意义。

    二、变量

    1.概念

    变量是对“值”的引用,使用变量等同于引用一个值。每一个变量都需要有一个变量名。

    var a = 1;
    

    这条语句是先使用var这个命令声明变量a,然后将等号后面的表达式即1,赋值给了变量a。以后,当引用变量a的时候,就会得到数值1

    变量声明和变量赋值其实是分开的两个步骤,一般情况下合在一起,实际上他们是这样:

    var a;
    a = 1;
    

    如果只是声明变量而没有赋值,则该变量的值是underfinedunderfined是JavaScript的一个关键字,表示“无定义”。(由于没有定义或者没有赋值,所以此处暂时没有任何值)

    var a;
    a // underfined
    

    如果一个变量没有生命就直接使用,JavaScript就会报错,告诉你变量未定义。

    b
    // Uncaught ReferenceError: b is not defined
    

    可以在同一条var命令中声明多个变量。

    var a, b;
    

    JavaScript是一种动态类型语言,所以变量的类型没有限制,可以赋予各种类型的值。

    var a = 1;
    a = 'hello';
    

    这段代码中,变量a起先被赋值为1,而后又重新被赋值为一个字符串。第二次赋值的时候,因为变量已经存在,所以不需要使用var命令。
    如果变量之前已经被赋值,后面在赋值时会顶替掉前面已有的赋值。

    var a = 1;
    a = 'hello';
    a // 'hello'
    

    2.变量提升

    JavaScript工作方式是,先解析所有代码,获取所有被声明的变量,然后再一行一行的运行。这造成的结果就是,所有的变量声明的代码都会被提升到代码的头部,这就是变量提升

    console.log(a);
    var a = 1;
    

    上面的代码虽然先使用了console.log的方法,在控制台中显示变量a的值,但是这时a还没有被声明,是一种错误的方法。但实际上并不会报错,因为存在着变量提升,真正运行的是:

    var a;
    console.log(a);
    a = 1;
    

    最终的显示结果为underfined,因为变量a只是被声明,还没有赋值。
    变量提升只对var声明的变量有效,如果一个变量不是用var声明命令所写,就不会发生变量提升。

    (内容参考自阮一峰js教程

    相关文章

      网友评论

        本文标题:JavaScript基本语法(一)

        本文链接:https://www.haomeiwen.com/subject/ezlksxtx.html