ES6入门(一)30分钟掌握
程序员文章站
2023-12-21 13:07:28
...
- let const
let 块级作用域
const 常量
作用:当改变变量值的时候回报错,不让更改。
可以当我们引用第三方类库的时候,可以防止我们重名。 - class extends super
结局了很多es5的难点,继承。。。。。 - 箭头函数
class Animal {
constructor(){
this.type = 'animal'
}
says(say){
setTimeout( () => {
console.log(this.type + ' says ' + say)
}, 1000)
}
}
var animal = new Animal()
animal.says('hi') //animal says hi
当我们使用箭头函数时,函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象。
并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,它的this是继承外面的,因此内部的this就是外层代码块的this。
- template string
。。。 - destructuring解构
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。 - rest default
default很简单,意思就是默认值。大家可以看下面的例子,调用animal()方法时忘了传参数,传统的做法就是加上这一句type = type || 'cat' 来指定默认值。
function animal(type){
type = type || 'cat'
console.log(type)
}
animal()
如果用ES6我们而已直接这么写:
function animal(type = 'cat'){
console.log(type)
}
animal()
最后一个rest语法也很简单,直接看例子:
function animals(...types){
console.log(types)
}
animals('cat', 'dog', 'fish') //["cat", "dog", "fish"]
而如果不用ES6的话,我们则得使用ES5的arguments。