六、ECMAScript6 特性

一、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(二)这两篇博客即可。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • [TOC] 参考阮一峰的ECMAScript 6 入门参考深入浅出ES6 let和const let和const都...
    郭子web阅读 1,808评论 0 1
  • 以下内容是我在学习和研究ES6时,对ES6的特性、重点和注意事项的提取、精练和总结,可以做为ES6特性的字典;在本...
    科研者阅读 3,150评论 2 9
  • 看这本书是在markdown在做的笔记,更友好的阅读方式访问: github es6.md(https://git...
    汪汪仙贝阅读 474评论 0 0
  • 这两天有点瞎忙,礼拜五匆匆忙忙跑去北京,礼拜六下午回到上海,夜里十一点到家,接着今天早上七点多出门又赶去松江听课。...
    杨作辉阅读 173评论 0 0
  • 原因分析:在StoryBoard中没有一个view controller设置了Initial Scene。解决方案...
    Gary_fei阅读 85评论 0 0