ECMAScript 6重点一览——进阶篇

背景介绍

在之前的基础篇已经给出了ES6在数据结构上做的优化和改变，那这一篇进阶篇就来说说ES6的对象变化，顺便给出之前基础篇的传送门：

ECMAScript 6重点一览——基础篇

特性重点

一、【重点】简洁属性

var Person = {  

name:'张三',

birth, //等同于birth: birth

hello() {console.log('我的名字是',this.name); }// 等同于hello: function ()...

};

二、属性名表达式

可以使用表达式作为属性名，如下

obj.foo =true; // 方法一

obj['f'+'oo'] =true; // 方法二

三、【重点】Object.assign()

Object.assign方法用来将源对象（source）的所有可枚举属性，复制到目标对象（target）

var target = { a:1};

var source1 = { b:2};

var source2 = { c:3};

Object.assign(target, source1, source2);

target// {a:1, b:2, c:3}

关于这一点会有很多应用：具体在此不展开，详情请看文末链接：）

（1）为对象添加属性

（2）为对象添加方法

（3）克隆对象

（4）为属性指定默认值

四、Object.setPrototypeOf()，Object.getPrototypeOf()

设置和读取对象的prototype对象，如下示例：

var o =Object.setPrototypeOf({},null);

Object.getPrototypeOf(obj)

五、Symbol

ES6引入了一种新的原始数据类型Symbol，表示独一无二的ID。它通过Symbol函数生成。

let symbol1 =Symbol();

typeof symbol1 // "symbol"

我的个人的理解ES6对Symbol的引入，想法上可能是类似Bool类型，虽然String的0和1，Integer的0和1都能表示对错，但是从人类思维的意义上说，既然对错在逻辑思维中出现频率非常高，那为什么不单独使用Bool的false和true来表示？我想，Symbol也是一样的道理，就专门定义一种数据类型来表示属性名称。当然，我个人对此持中立态度，它有可能把原本简单的事情，弄复杂了。

六、Proxy

Proxy用于修改某些操作的默认行为，等同于在语言层面做出修改。其实可以理解成在目标对象之前，架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截。

这个Proxy其实类似于设计模式中的代理，只不过是语言层面的实现，如下代码示例：

var proxy =newProxy({}, {  

get:function( target, property ){ return35; }

});

proxy.time// 35

proxy.name// 35

基于Proxy，可以有很多的想象，毕竟这已经是一种设计模式的实现了，个人感觉这个可能用来做框架会用的比较多，实际业务处理可能不会用太频繁，而且其实所有设计模式都不是只有利，也有弊，Proxy本身无可避免地会增加逻辑层次

七、Object.observe()，Object.unobserve()

Object.observe方法用来监听对象（以及数组）的变化。一旦监听对象发生变化，就会触发回调函数。类似于第六点，也是语言层面的设计模式实现，观察者模式。现在很流行很趋势的MVVM框架就是类似的思想，这一点可以用来实现双向数据绑定。这其实是ES7的内容，在此就不展开了。

总结

原本这一篇文章是想对象和函数一起写的，但是没想到光对象就写了七点，篇幅已经比较长了，但是其实在对象这一块上，虽然变化点不少，但实际上，需要特别关注的并不多，除非是有做框架的需求。JS的面向对象其实还是有待增强的，即便是到了ES6。可能脚本语言天生要实现面向对象就比较纠结，一方面既是脚本自由灵活，可另一方面却又是有对象的约束，这其中的平衡很难把握，大多数的JS开发者们应该都有这样的困扰，究竟什么时候我需要面向对象去做这一件事情，可是往往很多时候强迫了自己用面向对象的方式去实现，可是最后却发现耗费了不少的时间和精力，可能原本只需要按照脚本思想，很快就解决了。而且说实话，真论到最后维护性上来，过度设计的面向对象，真的可能要远远比简单的脚本流程难以维护的多。当然，这就是题外话了。

后续的高级篇已经完成，如下传送门：

ECMAScript 6重点一览——高级篇

本文基于阮一峰的ECMAScript 6 系列文章和众多网络散文资料汇聚。在此给出原文链接，上面给出的重点一览，都可以在下面链接找到更为详尽的讲解：

ECMAScript 6入门——阮一峰

如果有任何的批评建议，BUG反馈，问题反馈，或是想法建议，帮助支持，个人都十分欢迎，我个人的联系方式如下：）

作者:cheneyxu

邮箱:[email protected]

QQ:457299596

关于：XServer官网