标签：用法 对象 新规 推出 pre imp end pcl 基本
ES6官方中文网（http://es6.ruanyifeng.com/）
<script type="text/javascript"> <!--定义var值--> var ht=20; <!--定义let值--> let nn=30; <!--定义const值--> const pcl=183; alert(ht); //20 alert(nn); //30 alert(pcl); //183 ht=21; nn=31; //pcl=184;//报错,const定义的常量是不可修改的 alert(ht); //21 alert(nn); //31 alert(pcl); //183 </script>
// 通过箭头函数的写法定义
var fnRs = (a,b)=>{
var rs = a + b;
alert(rs);
}
// fnRs(1,2);
// 一个参数可以省略小括号
var fnRs2 = a =>{
alert(a);
}
fnRs2(‘本是青灯不归客‘);
// 箭头函数的作用，可以绑定对象中的this(这里的this不是window而是对象)
var person = {
name:‘tom‘,
age:18,
showName:function(){
setTimeout(()=>{
alert(this.name);
},1000)
}
}
person.showName();
ES6中也提出了类用法，类用法es5中就可以实现了，不过既然是新规则那就更加清晰明了啦
class Poetry {
constructor(){
console.log(‘山有木兮木有之‘);
}
}
class Person extends Poetry{
constructor(){
super();
console.log(‘本是青灯不归客‘);
}
}
let ht = new Person();
效果：
var ht1 = someArray[0];
var ht2 = someArray[1];
var ht3 = someArray[2];
//解构赋值
let [ht1, ht2, ht3] = someArray;
//还有下面例子
let [,,ht3] = [1,2,3];
console.log(ht3); //3
let [ht1,...last] = [1,2,3];
console.log(last); //[2,3]
//对象解构
let {name,age} = {name: "ht", age: "17"};
console.log(name); //ht
console.log(age); //17
//注意
let {ept1} = {};
console.log(ept1); //undefined
let {ept2} = {undefined};
console.log(ept2); //undefined
let {ept3} = {null};
console.log(ept3); //null
详解（https://segmentfault.com/a/1190000009992594）
<script type="text/javascript"> // 简写成下面的形式 var sex="boy"; var echo=function(value){ console.log(value) } export {sex,echo} </script>
import {sex,echo} from "a.js"
console.log(sex) // boy
echo(sex) // boy
谢谢观看！
标签：用法 对象 新规 推出 pre imp end pcl 基本
原文地址：https://www.cnblogs.com/huangting/p/11275502.html
