我的es6笔记

变量

1. let 和 const 声明的变量不在window上了

2. es6中对于块级作用域里的函数声明实现不统一,要避免在大括号里声明函数,尽量用函数表达式来替代。

3. let和const声明的变量有暂时性死区

 

解构赋值

1. 解构赋值的本质是模式匹配,冒号左侧是模式,冒号右侧才是要赋值的变量。没有冒号的写法是冒号左右相同时的简写版本。

2. 解构赋值可以有默认值

3. 想跳过可以用逗号[, b, c] = [1, 2, 3]

4. 函数的传参括号其实就相当于一个隐形的数组解构赋值,var [a, b, c] = [1, 2, 3] 可以使用默认值(也是惰性求值的,用到才会计算),也可以嵌套,可以使用rest element (也必须在最后一个),与解构赋值的形式是统一的

var test = function(a, b, c){
}

test(1, 2, 3)

注意有一个区别在于:普通的解构赋值可以使用稀疏数组, 如 let [a, b, c] = [1,  , 3]  ([1, ,3] 在控制台打印出来是{0:1, 2:3, length:3})

而函数传参的话会报错,必须显式地输入undefined

 

函数

1. 给函数的参数设置默认值,会影响函数的length属性,设了默认值的参数及其后的参数不在统计内。rest参数也不会参与length的统计

2. 设置了默认值时,为了对默认值表达式求值,传参括号在初始化时会形成一个临时的作用域,即括号里与一个单独的作用域

 3. 在var a = function b(){} 中,b才是函数的name属性,只有当右侧是匿名函数时,name才是a。用new b或者Object.create(b.prototype)创建的对象,在控制台打印时会出现函数名b,显示为 b { }

4. 箭头函数不能使用 arguments / new / yield

 

对象

1. 对象属性可以使用简写,但属性名表达式和简写不能同时使用,因为容易产生歧义

const foo = 'bar';
const bar = 'abc';
 // 报错  ['bar']:'bar' 还是 ['bar']: 'abc' ?
const baz = { [foo] }; 

2.  super关键字 只能用在对象方法的简写法中

3. 扩展运算符用于解构赋值当中时,只能拷贝右侧对象Object.keys()中未被分配(因为rest参数只能在最后,必定先分配之前的变量)的属性

let obj = {a:1}
// 下面这两种写法的结果是一样的
let {...obj1} = obj
let obj2 = {...obj}

rest参数是展开运算符的逆运算,但是rest参数必须在最后,rest参数不能跟表达式,而展开运算符没有这些限制

 

Class

1. class就是构造函数,但是不能设置原型上的属性,只能设置原型方法和实例属性。属性不管写在constructor里面还是外面,都会被视为实例属性。

2. class也有暂时性死区

3. class大部分是es5标准继承写法的语法糖,但继承方面有本质区别:

① class(构造函数)之间也做了继承,为了让子类可以调用父类的静态方法。

② 继承时用super先生成了父类实例,然后用子类的构造函数修改。es5时是先生成子类实例,然后用父类的构造函数修改。这样一来对于像Array这样无法通过apply借用的情况,es6也可以完美继承。

// es6的继承在es5里的写法

function Foo(){}

function Sub(name){
    // 先生成父类实例
    let obj = new Foo(){};
    // 修改隐式原型
    obj.__proto__=Sub.prototype;
    // 修改子类实例
    obj.name = name;
// 显式返回obj,替换new生成的默认对象 return obj } // 因为构造函数中没有使用this,所以这两种写法是一样的 let sub1 = new Sub() let sub2 = Sub()

 

Module

1. es6模块默认在严格模式下执行

2. 在es6Module之前,js里只有值传递(高程p70),而import的实现是变量层面的引用传递

3. webpack模块的import不是真正的import,只是支持import写法,还是按值传递的方式导出变量的

posted on 2019-03-22 18:55  natsu07  阅读(102)  评论(0编辑  收藏  举报