美文网首页
ES6的那些事

ES6的那些事

作者: Srtian | 来源:发表于2017-10-07 17:44 被阅读34次

    块级作用域

    ES6中一个很重要的新特性就是块级作用域,关于块级作用域的最主要的用法便是下文的let和const,除此之外还有函数声明在块级作用域内的声明也需要特别注意,因为为原先的ES5中,规定不能在块级作用域内进行函数声明,只能在全局作用域与函数作用域内声明,但又由于要兼容以往的ES3等,所以在出现上述的情况下,浏览器不会报错。

    但在ES6中,函数声明是可以在块级作用域中进行声明的,且需要注意以下三点:

    1. 函数声明在块级作用域下进行提升至全局作用域或函数作用域头部。
    2. 函数声明会被提前到块级作用域头部。
    3. 函数声明只在有大括号的块级作用域才能使用,不然会报错。

    let和const

    在ES6中,对于变量的声明作出了很大的改变。那就是在原有的变量声明var之后又提出了let声明和const声明。而这let与var主要有以下区别:

    1. 增加了块级作用域,块级作用域以外不能访问let声明的变量。
    2. 不允许重复声明变量。(会报错)
    3. 有暂时性死区。(在暂时性死区内使用变量会报错)
    4. 由于有暂存死区,所以不允许变量提升。(本来是有提升的,但由于有暂存死区所以也就不能提升了)
    5. 循环中,每次迭代循环都会创建一个新的变量,并以之前迭代中同名变量的值将其初始化

    而const则是声明一个常量,一旦声明所绑定的值便不能改变,其他的特性大致和let相同。

    但值得注意的是,const绑定的对象目标不能改变,但对象内部的值是可以改变的,因为本质上从const保证的不是保证值不改变,而是保证变量指向的内存地址不改变,对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。

    还有就是在循环中,虽然ES6没有指明不能使用const,但它在不同循环中会产生不同的行为:
    1.在普通的for循环中,虽然可以在初始化的时候使用const,但这样会产生值的变换,因此会抛出错误。
    2.而在for-in和for-of循环内就可以使用,因为每次迭代不会修改已有的绑定,而是会创建一个新的绑定。

    还有一个要注意的是,在ES6中,建议使用const,只有在确定需要改变变量的值的时候才使用let。因为就算在全局变量中使用let或const也不能覆盖全局变量,只能遮蔽它。这样便可以将全局变量与顶层变量开始分离开来。

    函数默认值

    在ES6中还搞出来了函数默认值出来。在以往的编程中,我们一般都是通过模拟默认参数的方法来保证有参数的传入,但在ES6中,我们可以直接通过设置默认参数就能达到同样的目的.具体语法如下:

    function app(x,y = 'javscript') {
      console.log(x,y);
    }
    app('hello'); //hello javascript
    

    而这种语法有以下两种好处:
    1.有利于代码的可读性,其他人在阅读代码的时候就可以明确的知道哪些参数是可以省略的。
    2.有利于将来的代码优化。即使未来的版本在对外接口中,彻底拿掉这个参数,也不会导致以前的代码无法运行。
    但使用这种语法的时候也有以下需要注意的地方:
    1.默认参数不能重复定义。
    2.默认参数不能再函数内部再使用let和const定义了。
    3.默认参数会影响arguement的使用。
    //待续

    相关文章

      网友评论

          本文标题:ES6的那些事

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