美文网首页
JavaScript基本语法

JavaScript基本语法

作者: 加油吧_ | 来源:发表于2018-05-09 00:40 被阅读7次

    1.语句 statement

    var a = 1 + 3 ; 语句以分号结尾
    var 命令 a变量 1+3表达式

    2. 变量

    ①. 概念

    变量是对“值”的具名引用。
    JavaScript 的变量名区分大小写,A和a是两个不同的变量。
    如果只是声明变量而没有赋值,则该变量的值是undefined。undefined是一个 JavaScript 关键字,表示“无定义”。
    avaScript 是一种动态类型语言,也就是说,变量的类型没有限制,变量可以随时更改类型。
    如果第二次声明的时候还进行了赋值,则会覆盖掉前面的值。

    ②. 变量提升

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

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

    上面代码首先使用console.log方法,在控制台(console)显示变量a的值。这时变量a还没有声明和赋值,所以这是一种错误的做法,但是实际上不会报错。因为存在变量提升,真正运行的是下面的代码。

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

    最后的结果是显示undefined,表示变量a已声明,但还未赋值。

    3. 标识符

    标识符(identifier)指的是用来识别各种值的合法名称。最常见的标识符就是变量名,以及后面要提到的函数名。JavaScript 语言的标识符对大小写敏感,所以a和A是两个不同的标识符。
    标识符命名规则

    第一个字符,可以是任意 Unicode 字母(包括英文字母和其他语言的字母),以及美元符号($)和下划线(_)。
    第二个字符及后面的字符,除了 Unicode 字母、美元符号和下划线,还可以用数字0-9。
    

    中文是合法的标识符,可以用作变量名。

    JavaScript有一些保留字,不能用作标识符:arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield。
    

    4. 注释

    Javascript 提供两种注释的写法:一种是单行注释,用//起头;另一种是多行注释,放在//之间

    //单行注释
    /* 多多多
    行行行
    注释
    */
    

    也被视为合法的单行注释
    需要注意的是,-->只有在行首,才会被当成单行注释

    5. 区块

    JavaScript 使用大括号,将多个相关的语句组合在一起,称为“区块”(block)。
    对于var命令来说,JavaScript 的区块不构成单独的作用域(scope)。

    {
      var a = 1;
    }
    a // 1
    

    上面代码在区块内部,使用var命令声明并赋值了变量a,然后在区块外部,变量a依然有效,区块对于var命令不构成单独的作用域,与不使用区块的情况没有任何区别。在 JavaScript 语言中,单独使用区块并不常见,区块往往用来构成其他更复杂的语法结构,比如for、if、while、function等。

    6.条件语句

    JavaScript 提供if结构和switch结构,完成条件判断,即只有满足预设的条件,才会执行相应的语句。

    ①. if 结构

    f结构先判断一个表达式的布尔值,然后根据布尔值的真伪,执行不同的语句。所谓布尔值,指的是 JavaScript 的两个特殊值,true表示真,false表示伪。

    if (布尔值)
      语句;
    
    // 或者
    if (布尔值) 语句;
    

    上面是if结构的基本形式。需要注意的是,“布尔值”往往由一个条件表达式产生的,必须放在圆括号中,表示对表达式求值。如果表达式的求值结果为true,就执行紧跟在后面的语句;如果结果为false,则跳过紧跟在后面的语句。

    如果想执行多个语句,必须在if的条件判断之后,加上大括号,表示代码块(多个语句合并成一个语句)

    if (m === 3) {
      m += 1;
    }
    

    建议总是在if语句中使用大括号,因为这样方便插入语句。

    if后面的表达式之中,不要混淆,尤其是赋值表达式不具有比较作用

    赋值表达式(=)
    严格相等运算符 (===)
    相等运算符 (==) 
    

    ②. if…else 结构

    if代码块后面,还可以跟一个else代码块,表示不满足条件时,所要执行的代码

    if (m === 0) {
      // ...
    } else if (m === 1) {
      // ...
    } else if (m === 2) {
      // ...
    } else {
      // ...
    }
    

    else代码块跟着的是最近的那个if语句

    ③.switch 结构

    多个if...else连在一起使用的时候,可以转为使用更方便的switch结构。

    switch (fruit) {
      case "banana":
        // ...
        break;
      case "apple":
        // ...
        break;
      default:
        // ...
    }
    

    上面代码根据变量fruit的值,选择执行相应的case。如果所有case都不符合,则执行最后的default部分。需要注意的是,每个case代码块内部的break语句不能少,否则会接下去执行下一个case代码块,而不是跳出switch结构。

    switch语句部分和case语句部分,都可以使用表达式。

    switch(1 + 3) {
      case 2 + 2:
        f();
        break;
      default:
        neverHappens();
    }
    

    上面代码的default部分,是永远不会执行到的。

    需要注意的是,switch语句后面的表达式,与case语句后面的表示式比较运行结果时,采用的是严格相等运算符(===),而不是相等运算符(==),这意味着比较时不会发生类型转换。

    var x = 1;
    switch (x) {
      case true:
        console.log('x 发生类型转换');
      default:
        console.log('x 没有发生类型转换');
    }
    // x 没有发生类型转换
    

    上面代码中,由于变量x没有发生类型转换,所以不会执行case true的情况。这表明,switch语句内部采用的是“严格相等运算符”

    相关文章

      网友评论

          本文标题:JavaScript基本语法

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