4. 解构赋值

不应用ES6

当须要获取某个对象的属性值瓯，须要零丁获取：

var data = $('body').data(); // data有house和mouse属性 
var house = data.house; 
var mouse = data.mouse;  

应用ES6

一次性获取对象的子属性：

var { house, mouse} = $('body').data() 

对于数组也是一样的：

1. 函数参数默认值

class Point 
{ 
    constructor(x, y) 
    { 
        this.x = x; 
        this.y = y; 
    } 
 
    add() 
    { 
        return this.x + this.y; 
    } 
} 
 
var p = new Point(1, 2); 
 
console.log(p.add()); // 输出3  

var [col1, col2] = $('.column'); 

5. 对象属性简写

不应用ES6

对象中必须包含属性和值，显得异常多余：

var bar = 'bar'; 
var foo = function () 
{ 
    // ... 
} 
 
var baz = { 
  bar: bar, 
  foo: foo 
};  

应用ES6

对象中直接写变量，异常简单：

var bar = 'bar'; 
var foo = function () 
{ 
    // ... 
} 
 
var baz = { bar, foo };  

6. 箭头函数

不应用ES6

通俗函数体内的this，指向调用时地点的对象。

将变量放在大年夜括号之中：

function foo()  
{ 
    console.log(this.id); 
} 
 
var id = 1; 
 
foo(); // 输出1 
 
foo.call({ id: 2 }); // 输出2  

应用ES6

箭头函数体内的this，就是定义时地点的对象，而不是调用时地点的对象。

var foo = () => { 
  console.log(this.id); 
	
			
 2/4   首页 上一页 1 2 3 4 下一页 尾页
	
			

　　推荐阅读
　　优化SQL语句的一般步骤
            
            一、经由过程 show status 敕令懂得各类 sql 的履行频率show status 敕令中心可以参加选项 session(默认) 或 global：    session (当前连接)    global (自数据前次启动至今)# Com_xxx 表>>>详细阅读


本文标题：关于ES6的10个最佳特性
地址：http://www.17bianji.com/lsqh/37056.html
 1/2    1