ES6基础

let

• let 和var的使用方法基本一致

• let与var的区别：

  • var关键字变量的声明会提升到当前作用域的顶端（只是声明，没有赋值）

console.log(words);
var words = 'hello world';

//上面的代码等同于下面的效果：
var words;
console.log(words);
words = 'helloworld';

• 上面的代码最终在控制台打印的效果是变量undefined，而不是报错
• let的变量声明不会提升，同样的代码，会报错：找不到关键字

//找不到关键字
console.log(words);
let words = 'hello world';

模板字符串： ${}

• 类似于字符串拼接，就跟python中.format()方法类似，当然，形式与用法和Mybatis中Sql传参接近
• 如下面的代码会打印出：i want to say helloworld

let words = 'helloworld';
let says = 'i want to say ${words}';
console.log(says);

对象简化赋值

• 变量赋值简化

• 当变量名、属性名一致的时候可以省略，如下所示：

let name = 'cmcandy';
let words = 'helloworld';
let person = {
	name:name,
	words:words
}

//等价于：
let person = {
	name,
	words
}

方法省略function

let name = 'cmcandy';
let words = 'helloworld';
let person = {
	name:name,
	words:words
	say:function(){
	console.log('helloworld');
	}
}
//等价于：
let person = {
	name:name,
	words:words
	say(){
	console.log('helloworld');
	}
}

箭头函数：类似于lambda表达式

function 替换为 =>

let fun1 = function(){console.log('helloworld');}

//等价于：
let fun1 = ()=> console.log('helloworld');

只有一个参数（）可省略

let fun1 = function(words){console.log(words);}

//等价于：
let fun1 = words=> console.log(words);

只有一句话｛｝可省略，多行不可省略

let fun1 = function(words){console.log(words);}

//等价于：
let fun1 = words=> console.log(words);

函数体只有一句话，｛｝可省略，但是return也必须省略

let fun1 = function(){return ‘helloworld’;}
//等价于：
let fun1 = ()=> 'helloworld';

let fun2 = function(word){return word+‘helloworld’;}
//等价于：
let fun1 = word=> word+'helloworld';

箭头函数的this

• 创建的时候this是谁，运行的时候this就是谁

//这里的this指的是person
let person = {
	name:name,
	words:words
	say(){
	console.log(this);
	}
}
//这里的this指的是window
let person = {
	name:name,
	words:words
	say(){
		setTimeout(function(){
			console.log(this);
		},100)
	}
}
//这里的this指的是person
let person = {
	name:name,
	words:words
	say(){
		setTimeout(()=>{
			console.log(this);
		},100)
	}
}