ES6知识点

1、速写属性

var name="小明";
var age=18;
//对象，属性：属性值
var obj = {
	name: name,
	age: age
}
console.log(obj);
//可以简写为如下，与上面的效果一样
var obj2 = {
	name,
	age
}
console.log(obj2);

2、速写方法

//传统方法
var obj = {
	name:"小王",
	sayName:function(){
		console.log(this.name);
	}
}
obj.sayName();
//速写方法
var obj2 = {
	name: "小张",
	sayName(){
		console.log(this.name);
	}
}
obj2.sayName();

3、箭头函数

1. this绑定

var obj = {
	password :"小李",
	sayName:function(){
		setInterval(function(){
			console.log(this.password);
		},1000);
	}
}
//发现this无法访问到password属性，打印的都为undefined,this访问不到name
obj.sayName();

var obj2 = {
	password :"123456",
	sayName:function(){
		//箭头函数写法
		setInterval(()=>{
			console.log(this.password);
		},1000);
	}
}
obj2.sayName();

2、简化方法定义

//传统方法
var add = function(a,b){
	return a+b;
}
console.log(add(100,9));
//简化方法
var add2 = (a,b)=>{
	return a+b;
}
console.log(add2(800,9));
//如果参数只有一个，还可以把（）省略
var double = a =>{
	return a*2;
}
console.log(double(100));
//如果只有一条返回结果一条return语句，return可以省略
var double2 = a => a*2;
console.log(double2(123));

4、模板字符串

//传统字符串
var str1 = '薛';
var str2 ='之谦';
var str3 = str1+str2;
console.log(str3);
//模板字符串，使用反引号.
var str4 = `我的姓是${str1}，

        名是${str2}`;
//反引号内空格保留格式
console.log(str4);