es6语法说明

注意

文档中会存在es6语法, 这里简单说明一下, 其中IE不支持es6语法

概览

  • let const
  • 模板字符串
  • 对象中属性方法简写
  • 箭头函数
  • 解构

这里只是简单说明, 有兴趣可以看大神阮一峰的资料

let与const

//lES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

{
	let a = 10;
	var b = 1;
}

a // ReferenceError: a is not defined.
b // 1


//const声明一个只读的常量。一旦声明,常量的值就不能改变。
const PI = 3.1415;
PI // 3.1415

PI = 3;
// TypeError: Assignment to constant variable.

模板字符串

//模板字符串(template string)是增强版的字符串,用反引号(`)标识。它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量。

// 普通字符串
`In JavaScript '\n' is a line-feed.`

// 多行字符串
`In JavaScript this is
 not legal.`

console.log(`string text line 1
string text line 2`);

// 字符串中嵌入变量
let name = "Bob", time = "today";
`Hello ${name}, how are you ${time}?`

对象中属性方法简写

//常规写法
var name = 'zs';

var obj = {
	name: name,
	run: function(){
		console.log('haha');
	}
}


//简写
let name = 'zs';

let obj = {
	name,
	run(){
		console.log('haha');
	}
}

箭头函数

//常规写法
setTimeout(function(){
	//...
}, 1000);

//简写
setTimeout(() => {
	//...
}, 1000);

解构

//假如现在有一个对象
let obj = {
	name: 'zs',
	age: 18,
	address: 'beijing',
}

//正常获取name
var name = obj.name

//解构写法
let { name } = obj

//也可以多个
let { name, age, address } = obj;

//如果不存在也可以声明默认值
let { name, age, address, status = '1' } = obj;

//想添加一条属性
obj.status = '1';

//对象属性合并
var newObj = {
	...obj,
	status: '1'
}

//方法传参
function calc(data){
	var a = data.a;
	var b = data.b;
	return a + b;
}
//解构传参
function calc({ a, b }){
	return a + b;
}

至于更多的就自己去找学习资料吧

上次更新:
贡献者: leedom