ES6 阮一峰阅读学习

参考:

ECMAScript6入门

 

一、ECMAScript6简介

1. 什么是ECMAScript6? JavaScript语言的下一代标准。2015年6月发布,正式名称是《ECMAScript2015标准》。

思考:编程语言和英语、法语语言差不多吧。其实就是语言的标准、规范之类,和英语语法差不多的东西吧 = =!

二、let和const命令

1. let

1.1 声明的变量仅在块级作用域内有效

1.2 不存在变量提升

1.3 暂时性死区:使用let命令声明变量之前,该变量是不可用的

1.4 不允许重复声明

let a = 1;

思考:其实就是var变量自动提升和作用域容易产生错误,而出现let这样一个严谨定义的“局部变量”。

2. 块级作用域

ES5只有全局作用域、函数作用域。ES6有了块级作用域,块级就是{ }, 花括号内就是块级作用域的范围

思考:这个作用域有啥子用呢,平时也不使用{}来当作用域。

3. const命令

1.1 声明一个只读的常量,常量的值不能改变(变量指向的内存地址的数据不得改动)

1.2 只在声明的块级作用域内有效

1.3 生命对象时,对象的值可改变,只是不能把变量指向另一个对象

const PI = 3.1415;

思考:这个const在其他语言里,用在比如事件名、模块名等等限制变量改变,比如publist static const LOGIN_EVENT:string = "LOGIN_EVENT"

           但是ES6里这个只能当成局部变量用...好想并没啥用...

三、变量的解构赋值

1.1 什么是解构? ES6允许按照一定的模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。

let a ;
let b ;
[a,b] = [1,2];
console.log(a,b);  //1,2

思考:个人看这个赋值比较难读不习惯,感觉用在swap交换数值上很好用,不需要定义temp临时变量写3行了 = =!

let a = 1;
let b = 2;
[a,b] = [b,a];
console.log(a,b);  //2,1

 

  

猜你喜欢

转载自www.cnblogs.com/gamedaybyday/p/9704275.html
今日推荐