前言
javascript 团体的每个人都喜欢新的api,语法更新以及特性，它们提供了更好的，更智能，更有效的方式以完成重要的任务。
继上一篇的 《简单谈谈es6的六个小特性》，这次我再分享6个可以减少代码和最大化效率的方法。
1.object shorthand
新的对象声明方法允许我们可以不声明对象的 key :
我要评论
var x = 12;
var y = yes;
var z = {one:'1',two:'2'};
// the old way
var obj = {
x:x,
y:y,
z:z
}
// the new way
var obj = {x,y,z};
2.method properties
避免 function 关键字声明函数：
var davidwalsh = {
makeithappen(param){
// do stuff
}
}
必须承认去除掉 function 关键字确实使代码简洁、更好维护。
3.blocks vs immediately executed functions
下面创建立即执行方法的模式有点难看：
(function(){
// do stuff
})();
通过es6我们可以通过 {} 和 let 来创建块级作用于，完成立即执行函数的作用：
{
let j = 12;
let divs = document.queryselectorall('div');
// do stuff
}
j; // referenceerror: j is not defined...
如果在 block 内部声明函数，它将会被外部访问到。但你如果使用 let 关键字声明函数自变量，将不使用括号的情况下实现 ief 的功能。
4. for loops and let
因为在js里面会存在变量提升，我们经常会在作用域前面声明一些”无用”的迭代变量，例如（for var x = …）。es6 使用 let 解决了此恼人的问题：
for(let x = 0; x < len; i++){
//do stuff
}
x; // referenceerror: x is not defined
不久以后 let 会被应用的更多。
5.get and set for classes
class cart{
constructor(total){
this._total = total;
}
get total(){return this._total;}
set total(v){this._total = number(v);}
}
var cart = new cart(100);
cart.total // 100
能为属性设置 get、set 是这部分最棒的。不需要使用函数来进行特殊的设定–当执行 obj.prop = {value} 时，一切都会自动执行。
6.startswith,endswith and includes
"mootools".startswith("moo"); // true;
"mootools".startswith("moo"); // false;
"mootools".endswith("tools"); // true;
"mootools".includes("oo"); // true;
注：includes 方法兼容性还是很多，曾有一个线上bug，就是因为不支持此方法导致的。
原文：https://davidwalsh.name/es6-features-ii/amp
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
如对本文有疑问， 点击进行留言回复！！
网友评论