美文网首页
六、ECMAScript6 特性

六、ECMAScript6 特性

作者: Castiel_Z | 来源:发表于2017-12-21 10:00 被阅读0次

    一、let 和 var

    let:1 只在代码块生效

            2 存在暂时性死区:在代码块内,使用let命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死 区”(temporal dead zone,简称 TDZ)

            3 不存在变量提升

            4 不允许重复声明 :不允许在相同作用域内,重复声明同一个变量

    var:1 全局作用域。

             2 内层变量覆盖外层变量,可能引起“循环变量泄露为全局变量”。

             3 var命令会发生”变量提升“现象,即变量可以在声明之前使用,值为undefined

    二、块级作用域与函数声明

    ES5 规定,函数只能在顶层作用域和函数作用域之中声明,不能在块级作用域声明,但浏览器为了兼容旧的代码,未必遵守这一规定。

    考虑到环境导致的行为差异太大,应该避免在块级作用域内声明函数。如果确实需要,也应该写成函数表达式,而不是函数声明语句

    三、const

    const声明一个只读的常量。一旦声明,常量的值就不能改变,只在声明所在的块级作用域内有效。

    const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心

    四、箭头函数( =>  )

    1、箭头函数的格式

    1):一种为只有一条语句,可以省略{}和return。

    x => x * x;

    相当于:

    function(x) {

    returnx *x;

    }

    2):一种为多条语句,不可以省略{}和return。

    x =>{if(x > 0) {return1;

    }return2;

    }

    相当于:

    function(x){if(x > 0) {return1;}return2;

    }

    注意:

    a.当无参数时或有多个参数时,需要用括号()括起来。

    (x, y)=> x + y;

    b.当省略{}和return时,返回了一个对象,对象要用括号()括起来。

    x=> ({color:"red"});

    2、箭头函数的this

    1)箭头函数没有自己的 this,其内部的 this 绑定到它的外围作用域。对象内部的箭头函数若有this,则指向对象的外围作用域。

    2)箭头函数无法使用 call()或 apply()来改变其运行的作用域。

    window.color = "red";

    let color= "green";

    let obj={

        color:"blue"

    };

    let sayColor= () =>{

        returnthis.color;

    };

    sayColor.apply(obj);//red

    五、Promise

    Promise 是异步编程的一种解决方案,具有链式结构特点。Fetch网络请求既是基于Promise对象。Promise对象的学习,理解大白话讲Promise(一)大白话讲Promise(二)这两篇博客即可。

    相关文章

      网友评论

          本文标题:六、ECMAScript6 特性

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