1.let & const
let:相当于var,不同的是没有变量提升,且只在声明的作用域内有效(新增了块级作用域)。
Const: 声明一个静态场量,一旦声明,常量的值就不能改变。
for..of..遍历
for(let item of arr){}, 需要注意的是如果遍历普通数组时需要返回index值,需要用entries()方法:
for( let [index,item] of arr.entries() ){...}
2.String 方法
CodePointAt(): 识别字符串,返回十进制码点。
String.fromCharCode(): 识别并返回16位的UTF-16字符
String.fromCharPoint(): 识别并返回16/32位的UTF-16字符,与CodePointAt()相反
字符串遍历器接口:for..of..(能识别32位的字符,而传统for 循环不能)
Eg: for(let codePoint of “foo”){
Console.Log(codePoint)
}
//”f”
//”o”
//”o”
at(): 返回字符串给定位置的字符(能识别32位的字符,而传统charAt()不能)
normalize(): Unicode正规化, 将字符的不同表示方法统一为同样的形式
includes(): 返回布尔值,表示是否找到了参数字符串。
startsWith(): 返回布尔值,表示参数字符串是否在源字符串的头部。
endsWith(): 返回布尔值,表示参数字符串是否在源字符串的尾部。
Repeat(): 返回一个新字符串,表示将原字符串重复n
次,参数为负时报错,为小数是自动取整,所以0~-0.9为0,NaN为0,
模板字符串:用反引号(`)标示 模板字符串中使用反引号需要用 来转义
在字符串中嵌入变量: `hello ${name}` // 变量或表达式或函数调用写在${}中,保留空格与缩进
模板编译:
3.面向对象
3.1 Class(类)类似于java 通过extends实现继承
Class A{
Constructor(){ //构造函数,this指向实例本身
This.a = “dog”
}
Say(){…}
}
Class B extends A{
Constructor(){ //构造函数,this指向实例本身
//super继承父类的this对象,子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类没有自己的this对象
super()
This.a = “cat”
}
}
ES6的继承机制,实质是先创造父类的实例对象this(所以必须先调用super方法),然后再用子类的构造函数修改this。
React中用的很多,创建的每个component都是一个继承React.Component的类
4.Arrow function
Class A{
Constructor(){
This.a = “cat”
}
Say(){
//如果不用箭头函数,settimeout中的this本应该绑在全局变量
setTimeout( () => {
console.log(this.a)
}, 1000)
}
}
自带this,函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象,可以解决很多this指向带来的问题。
实际原因是箭头函数根本没有自己的this,它的this是继承外面的,因此内部的this就是外层代码块的this。
5.Destructuring(解构)
let cat = 'ken'
let dog = 'lili'
let zoo = {cat: cat, dog: dog} //ES5
let zoo = {cat, dog} //ES6
反过来可以这么写:
let dog = {type: 'animal', many: 2}
let { type, many} = dog
console.log(type, many)
- Default rest
function animal(type = 'cat'){
console.log(type)
}
animal(); //cat
rest:
function animals(...types){
console.log(types)
}
animals('cat', 'dog', 'fish') //["cat", "dog", "fish"]
交换变量的值: [x , y] = [y , x]
6.import export(es6 module功能)
传统的写法
首先我们回顾下require.js的写法。假设我们有两个js文件: index.js和content.js,现在我们想要在index.js中使用content.js返回的结果,我们要怎么做呢?
首先定义:
//content.js
define('content.js', function(){
return 'A cat';
})
然后require:
//index.js
require(['./content.js'], function(animal){
console.log(animal); //A cat
})
那CommonJS是怎么写的呢?
//index.js
var animal = require('./content.js')
//content.js
module.exports = 'A cat'
ES6的写法
//index.js
import animal from './content'
//content.js
export default 'A cat'