前端为什么有的接口明明是成功回调却执行了.catch失败回调_前端程序员不可不知的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运气不行，失败了    })

Reflect是什么，有什么作用？

答： Reflect是ES6引入的一个新的对象，他的主要作用有两点，一是将原生的一些零散分布在Object、Function或者全局函数里的方法(如apply、delete、get、set等等)，统一整合到Reflect上，这样可以更加方便更加统一的管理一些原生API。其次就是因为Proxy可以改写默认的原生API，如果一旦原生API别改写可能就找不到了，所以Reflect也可以起到备份原生API的作用，使得即使原生API被改写了之后，也可以在被改写之后的API用上默认的API。

Promise是什么，有什么作用？

答： Promise是ES6引入的一个新的对象，他的主要作用是用来解决JS异步机制里，回调机制产生的“回调地狱”。它并不是什么突破性的API，只是封装了异步回调形式，使得异步回调可以写的更加优雅，可读性更高，而且可以链式调用。

Iterator是什么，有什么作用？(重要)

答： Iterator是ES6中一个很重要概念，它并不是对象，也不是任何一种数据类型。因为ES6新增了Set、Map类型，他们和Array、Object类型很像，Array、Object都是可以遍历的，但是Set、Map都不能用for循环遍历，解决这个问题有两种方案，一种是为Set、Map单独新增一个用来遍历的API，另一种是为Set、Map、Array、Object新增一个统一的遍历API，显然，第二种更好，ES6也就顺其自然的需要一种设计标准，来统一所有可遍历类型的遍历方式。Iterator正是这样一种标准。或者说是一种规范理念。

就好像JavaScript是ECMAScript标准的一种具体实现一样，Iterator标准的具体实现是Iterator遍历器。Iterator标准规定，所有部署了key值为[Symbol.iterator]，且[Symbol.iterator]的value是标准的Iterator接口函数(标准的Iterator接口函数: 该函数必须返回一个对象，且对象中包含next方法，且执行next()能返回包含value/done属性的Iterator对象)的对象，都称之为可遍历对象，next()后返回的Iterator对象也就是Iterator遍历器。

    //obj就是可遍历的，因为它遵循了Iterator标准，且包含[Symbol.iterator]方法，方法函数也符合标准的Iterator接口规范。    //obj.[Symbol.iterator]() 就是Iterator遍历器    let obj = {        data: ['hello', 'world'],        [Symbol.iterator]() {            const self = this;            let index = 0;            return {                next() {                    if (index 

ES6给Set、Map、Array、String都加上了[Symbol.iterator]方法，且[Symbol.iterator]方法函数也符合标准的Iterator接口规范，所以Set、Map、Array、String默认都是可以遍历的。

    //Array    let array = ['red', 'green', 'blue'];    array[Symbol.iterator]() //Iterator遍历器    array[Symbol.iterator]().next() //{value: "red", done: false}    //String   let string = '1122334455';      string[Symbol.iterator]() //Iterator遍历器      string[Symbol.iterator]().next() //{value: "1", done: false}    //set   let set = new Set(['red', 'green', 'blue']); set[Symbol.iterator]() //Iterator遍历器       set[Symbol.iterator]().next() //{value: "red", done: false}    //Map    let map = new Map();      let obj = {        map: 'map'    };    map.set(obj, 'mapValue');      map[Symbol.iterator]().next() {           value: Array(2),                   done: false       }

喜欢的老铁，加个关注！今后会分享更多的前端干货，欢迎点赞转发关注

作者丨StevenLikeWatermelon
https://juejin.im/post/5c061ed2f265da61357258ee