es6新增的API


es6有什么好处?ECMAscript6
1、可以提高开发效率,用更少的代码,实现更多的功能
2、提高程序的健壮性

定义变量的方式:let 、const 、 var
1、var 变量会提升,有全局作用域和函数作用域
2、let、const 必须先定义,在使用
变量不会提升,变量不能重复定义(不能重名)
有快级作用域,超出快级就不能使用
3、let 变量,值在程序执行的过程中,可以发生改变
const 常量,在定义的时候必须赋值,后面在运行的时候就没有机会赋值了


解构赋值:分解结构,进行赋值
作用:可以快速定义多个变量,并且给变量赋值,将复杂数据类型分解成变量
1、对象结构过程:
解构过程: 把对象属性值,赋值给同名变量

// let {name, age} = {name: '狗蛋', age: 18};
// let {name, age} = {name: '狗蛋', age: 18};

变量名和属性名不同的情况
// let {name:userName, age} = {name: '狗蛋', age: 18};
// console.log(userName, age);
设置默认值(如果可能解构失败可以设置默认值, 默认值是备胎)
// let {name, age, sex ='女'} = {name: 'zs', age: 18, sex: '男'};
// console.log(name, age, sex);


2、数组结构过程:
//let arr = [2, 3, 4];
// let [c1, c2, c3] = arr;
只取部分值
// let [, c1, ] = arr;
// console.log(c1);

模板字符串:使用反引号 ` `
1、可以换行,保留格式进行输出
let str = '大家好,我叫' + name + ', 今年' + age+ '岁了, 是' + sex + '生';

2、可以进行插值${....}
let str1 = `大家好, 我叫${name}, 今年${age}岁了, 是${sex}生`;


字符串新方法:返回true或者false
1、str.startsWith(字符串) 判断str是否以指定字符串开头
2、str.endsWith(字符串) 判断str是否以指定字符串结尾
3、str.includes(字符串) 判断str是否包含指定字符串

对象简写:
1、如果对象和属性名相同,可以只写一个
2、对象中方法,可以省略function

let name = '翠花';
let age = 18;

let obj = {
name: name,
age: age,
sex: '男',
say: function () {
alert('我男朋友是, 鹏鹏');
},
hi: function (){
alert('就是鹏鹏!!');
}
}
let obj1 = {
name,
age,
sex: '男',
say() {
alert('我男朋友是, 鹏鹏');
},
hi () {
alert('还是鹏鹏');
}
}

console.log(obj1.name);
obj1.say();


展开运算符 ... --允许一个表达式在某处展开
let arr1 = [1, 2, 3];let arr2 = ['a', 'b', 'c'];
let arr2 = ['a', 'b', 'c', ...arr1];


箭头函数:
1、定义函数用的是箭头 =>
2、箭头函数,也是函数表达式
3、var 变量 = (参数列表)=> { 函数体 }
4、箭头函数的简写:
(1)只有一个变量,可以省略()
(2)函数体只有一行代码,可以省略{ }和return
let big = num => num * 10 ;

5、箭头函数内部没有自己的this,使用的this是外部函数的this,箭头函数不能作为构造函数
6、函数可以设置默认参数,当函数没有传递,取默认值


set去重:
new set()可以得到一个set实例,set是一个集合,可以存储数据唯一值
var arr = [1, 2, 3, 4, 3, 2];
var set = new Set(arr); // {1, 2, 3, 4}
var arr = [...set]; // 将set实例展开成数组[...set]
console.log(arr);

原文地址:https://www.cnblogs.com/hhmmpp/p/11127318.html