脚本宝典收集整理的这篇文章主要介绍了Es6新特性学习,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
基础语法
- 变量提升
//ES5
var arr = [];
for(var i=0; i<5; i++){
(function (i){
arr.push(function (){
console.log(i)
})
})(i)
}
arr[1]() // 0
arr[2]() // 1
arr[3]() // 2
//es6
var arr = []; // let arr = [] 都可以
for(let i=0; i<5; i++){
arr.push(function (){
console.log(i)
})
}
arr[0]() // 0
arr[1]() // 1
arr[2]() // 2
- import在编译时执行
//PRofile.js
export var param = [1,2,3];
//index.js
console.log(param);
import {param} From './profile';
//并没有报错,执行结果如图
- module注意
//lib.js
var counter = 3;
function incCounter() {
counter++;
}
module.exports = {
counter: counter,
incCounter: incCounter,
};
//main.js
var mod = require('./lib');
console.log(mod.counter);// 3
mod.incCounter();
console.log(mod.counter);// 3
//结果没有变
更改lib
var counter = 3;
function incCounter() {
counter++;
};
module.exports = {
get counter(){
return counter;
},
incCounter:incCounter
};
//结果counter值变了
参考
未完【一直更新】
以上是脚本宝典为你收集整理的Es6新特性学习全部内容,希望文章能够帮你解决Es6新特性学习所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。