🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## es6新特性 ``` 1.箭头函数 function (参数){ } (参数)=>{} 如果,有且仅有1个参数,()也可以省 如果,有且仅有1条语句-return,{}可以省 修复this ``` ### 箭头函数和普通函数有些哪些? ``` 1. 函数体内的this对象,就是定义时所在的对象,而不是使用时所在的对象 2. 不可以当构造函数,也就是说不可以new, 否则会抛出异常 3. 不可以使用arguments对象,该对象的函数内不存在,如果要用,用rest参数代替 4. 不可以使用yield命令,因此箭头函数不能用作Generator函数(generator函数用asyn代替) ``` ``` <script> var p={ age:18, //es6中对象方法的箭头函数表示形式 run:()=>{ setTimeout(()=>{ //this:window console.log(this);//this是window },100) }, travel:function(){ //this:p setTimeout(()=>{ console.log(this);//this是p },100) }, //推荐使用的方式☆☆☆:es6中对象方法的简写形式 say(){ console.log("say方法中的this:",this); setTimeout(()=>{ console.log("say内部的延迟函数:",this);//this是p },100) }, } p.run(); p.travel(); p.say(); </script> ```