ES6是js的新版本,也叫ES2015
ECMAScript 6(简称ES6)是于2015年6月正式发布的
JavaScript语言的标准,
正式名为ECMAScript 2015(ES2015)。
它的目标是使得JavaScript语言可以用来
编写复杂的大型应用程序,成为企业级开发语言
变量声明let和const
let和const是新增的声明变量的开头的关键字
之前都是var
这两个关键字和var的区别是
这两个关键字的声明
没有预解析
let是一般变量
const是常量,不能被修改
alert(num01);
alert(num02);
alert(num03);
var num01=1;
let num02=2;
const num03=3;
解构赋值
ES6允许我们按照一定的模式,
从数组和对象中提取值,
对变量进行赋值
这就叫做 解构
数组的解构赋值
const arr=[1,2,3];
let [a,b,c]=arr;
console.log(a,b,c);
对象的解构赋值
const obj={name:'Alice',age:'20'};
let {name,age} =obj
console.log(name,age);
例子
<script>
const arr=[1,2,3,4,5];
let [a,b,c,d]=arr;
console.log(a,b,c,d);
const obj={name:'panda',age:17};
let {name,age}=obj;
console.log(name,age);
</script>
扩展运算符
<script>
let arr1=[1,2,3];
let arr2=arr1;
let arr3=arr[];
arr1.push(4);
for(var i=0;i<arr1.length;i++){
arr3.push(arr1[i]);
}
arr1.push(4);
let arr4=[1,2,3];
let arr5=[...arr4];
arr4.push(4);
//扩展运算符用在 不定参函数
function fnAdd(...a){
let iRes=0;
for (var i=0;i<a.length;i++){
iRes+=a[i];
}
return iRes;
}
</script>