JS 的 ES6版本已经被各大浏览器广泛支持，很多前端框架也已经使用 ES6，并且还有 Babel 可以做兼容处理，所以ES6已经进入了应用阶段
如果您对 ES6 还不太熟悉，下面4个简单的基础用法可以帮助您快速了解ES6
1.使用 let 和 const 声明变量
在传统的 ES5 代码中，变量的声明有两个主要问题
（1）缺少块儿作用域的支持
（2）不能声明常量
ES6中，这两个问题被解决了，增加了两个新的关键字：let 和 const
块儿作用域使用 let
var a = 1;
if (true) {
var b = 2;
}
console.log(a); // 1
console.log(b); // 2
ES5 中 if 块儿内声明的变量 b 可以在块儿外访问
// in ES6
let a = 1;
if (true) {
let b = 2;
}
console.log(a); // 1
console.log(b); // ReferenceError: b is not defined
ES6 中 if 块儿内使用 let 声明的变量 b 不能在块儿外访问
下面这段代码是常见的一个比较迷惑人的情况
var a = [];
for (var i=0; i< 5; i++) {
a.push(function() {
console.log(i);
});
}
a.forEach(function(value) {
value();
});
运行结果是：5, 5, 5, 5, 5
使用 let 声明循环中的变量 i
var b = [];
for ( let i=0; i< 5; i++) {
b.push(function() {
console.log(i);
});
}
b.forEach(function(value) {
value();
});
运行结果是：0, 1, 2, 3, 4
定义常量使用 const
// in ES5 var MY_CONSTANT = true; MY_CONSTANT = false;
ES5 中不能定义常量，值可以被改，只能靠我们自己来保证
// in ES6 const MY_CONSTANT = true; MY_CONSTANT = false; // Uncaught TypeError: Assignment to constant variable
ES6 中使用 const 声明的常量是不可以被改的
2.模板字符串
下面这种字符串与变量的拼接方式是比较常见的
var url = ‘http://www.' + domain + ‘.com/' + path + ‘"htmlcode">
var collection = []; collection.push(1, 2, 1); console.log(collection); // [ 1, 2, 1]
其中包含了重复数据，如果不想有重复数据，需要使用代码判断
function addToCollection(collection, value) {
if (collection.indexOf(value) < 0) {
collection.push(value)
}
}
ES6 提供了 Set 对象，处理这个情况就方便多了
let collection = new Set();
collection.add(1);
collection.add(2);
collection.add(1);
console.log(collection); // Set {1, 2}
Set 还可以方便的遍历集合，和处理集合中的数据
ES5 中通常使用 object 来存储键值对数据，例如
var collection = {};
collection.a = ‘abc';
collection.b = ‘xyz';
ES6 有了 Map，就可以这样使用
let collection = new Map(); collection.set(‘a', ‘abc'); collection.set(‘b', ‘xyz');
遍历也很简单
collection.forEach(function(value, key) {
console.log(key + ":" + value);
});
console.log(collection.size);
4.函数参数
ES6 中函数的参数有两个新特性
默认值
function doSomething(someObject) {
console.log(someObject);
}
这里有可能会出现运行时错误，需要验证参数
function doSomething(someObject) {
if (someObject === undefined) {
someObject = {};
}
console.log(someObject);
}
这类的验证代码非常普遍，ES6 中可以给参数设置默认值，就简单了很多
function doSomething(someObject = {}) {
console.log(someObject);
}
对象解构
我们常会把一个包含键值对的对象做为参数传给某个函数，然后在函数内获取对象的各个属性
function doSomething(someObject) {
var one = someObject.propOne;
console.log(one);
var two = someObject.propTwo;
console.log(two);
var three = someObject.propThree;
console.log(three);
}
ES6 可以让我们直接在参数中解构对象参数
function doSomething({ propOne, propTwo, propThree }) {
console.log(propOne);
console.log(propTwo);
console.log(propThree);
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
Javascript6,新语法
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。