ES6面试、复习干货知识点汇总，前端面试题合集

十、问：Symbol是什么，有什么作用？

---

答：Symbol是ES6引入的第七种原始数据类型（说法不准确，应该是第七种数据类型，Object不是原始数据类型之一，已更正），所有Symbol()生成的值都是独一无二的，可以从根本上解决对象属性太多导致属性名冲突覆盖的问题。对象中Symbol()属性不能被for…in遍历，但是也不是私有属性。

十一、问：Set是什么，有什么作用？

---

答：Set是ES6引入的一种类似Array的新的数据结构，Set实例的成员类似于数组item成员，区别是Set实例的成员都是唯一，不重复的。这个特性可以轻松地实现数组去重。

十二、问：Map是什么，有什么作用？

---

答：Map是ES6引入的一种类似Object的新的数据结构，Map可以理解为是Object的超集，打破了以传统键值对形式定义对象，对象的key不再局限于字符串，也可以是Object。可以更加全面的描述对象的属性。

十三、问：Proxy是什么，有什么作用？

---

答：Proxy是ES6新增的一个构造函数，可以理解为JS语言的一个代理，用来改变JS默认的一些语言行为，包括拦截默认的get/set等底层方法，使得JS的使用自由度更高，可以最大限度的满足开发者的需求。比如通过拦截对象的get/set方法，可以轻松地定制自己想要的key或者value。下面的例子可以看到，随便定义一个myOwnObj的key,都可以变成自己想要的函数。

function createMyOwnObj() {

//想把所有的key都变成函数，或者Promise,或者anything

return new Proxy({}, {

get(target, propKey, receiver) {

return new Promise((resolve, reject) => {

setTimeout(() => {

let randomBoolean = Math.random() > 0.5;

let Message;

if (randomBoolean) {

Message = 你的${propKey}运气不错，成功了;

resolve(Message);

} else {

Message = 你的${propKey}运气不行，失败了;

reject(Message);

}

}, 1000);

});

}

});

}

let myOwnObj = createMyOwnObj();

myOwnObj.hahaha.then(result => {

console.log(result) //你的hahaha运气不错，成功了

}).catch(error => {

console.log(error) //你的hahaha运气不行，失败了

})

myOwnObj.wuwuwu.then(result => {

console.log(result) //你的wuwuwu运气不错，成功了

}).catch(error => {

console.log(error) //你的wuwuwu运气不行&#x