美文网首页
JavaScript 入门

JavaScript 入门

作者: Steve_Leo | 来源:发表于2019-05-05 23:26 被阅读0次

    变量提升 

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

    console.log(a);

    var a = 1;

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

    var a;

    console.log(a);

    a =1;


    标志符

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

            第一个字符,可以是任意 Unicode 字母(包括英文字母和其他语言的字母),以及美元符号($)和下划线(_)。

            第二个字符及后面的字符,除了 Unicode 字母、美元符号和下划线,还可以用数字0-9。

    下面这些都是合法的标识符。

    arg0

    _tmp

    $elem

    π

    下面这些则是不合法的标识符。

    1a// 第一个字符不能是数字

    23// 同上

    ***// 标识符不能包含星号a

    +b// 标识符不能包含加号

    -d// 标识符不能包含减号或连词线

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

    var 临时变量 =1;

            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。


    区块 block

            JavaScript 使用大括号,将多个相关的语句组合在一起,称为“区块”(block)。

            对于var命令来说,JavaScript 的区块不构成单独的作用域(scope)。

    {

        var a =1;

    }

    a// 1

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


    标签  label

            JavaScript 语言允许,语句的前面有标签(label),相当于定位符,用于跳转到程序的任意位置,标签的格式如下。

    label:

        语句

    标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句。

    标签通常与break语句和continue语句配合使用,跳出特定的循环。

    top:

    for(var i = 0; i < 3; i++) {

        for(var j = 0; j < 3; j++) {

            if(i ===1&& j ===1) break top;

            console.log('i='+ i +', j='+ j); 

        }

    }

            上面代码为一个双重循环区块,break命令后面加上了top标签(注意,top不用加引号),满足条件时,直接跳出双层循环。如果break语句后面不使用标签,则只能跳出内层循环,进入下一次的外层循环。

    标签也可以用于跳出代码块。

    foo: {

        console.log(1);

          break foo;

            console.log('本行不会输出');

    }

    console.log(2);

    // 1

    // 2

    上面代码执行到break foo,就会跳出区块。

    continue语句也可以与标签配合使用。

    top:

    for(var i = 0; i < 3; i++) {

        for(var j =0; j < 3; j++) {

            if(i === 1&& j === 1) continue top;

            console.log('i='+ i +', j='+ j); 

        }

    }

    // i=0, j=0

    // i=0, j=1

    // i=0, j=2

    // i=1, j=0

    // i=2, j=0

    // i=2, j=1

    // i=2, j=2

    上面代码中,continue命令后面有一个标签名,满足条件时,会跳过当前循环,直接进入下一轮外层循环。如果continue语句后面不使用标签,则只能进入下一轮的内层循环。

    相关文章

      网友评论

          本文标题:JavaScript 入门

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