ES6 - symbol&generator
时间 2019-11-30
标签
es6
symbol&generator
symbol
generator
symbol
- ES6 新增基本数据类型(不经常使用),如今总共7种基本数据类型
let syml = Symbol('aaa');
typeof(syml) //symbol
复制代码
- 注意:
- 不是constructor,不能new
- Symbol() 返回一个惟一值,定义惟一或私有的东西;能够做为key,不能被for in 访问;
- symbol是一种基本数据类型;
generator函数 (生成器)
- 目的:配合promise使用,解决异步,深度嵌套,(见promise),如今用的变少,被async取代;
- 语法:星号 * 和 yield:
//定义
function * gen(){
yield 'welcome';
yield 'to';
return 'China';
}
//手动调用 next()顺序执行
let g1 = gen();
console.log(g1.next()); // {value:'welcome', done: false}
console.log(g1.next()); // {value:'to', done: false}
console.log(g1.next()); // {value:'China', done: ture}
//用 for of 循环
for(let val of g1){
console.log(val); //welcome to; return 的东西不会遍历
}
复制代码
- generator不只能够用for of, 还能够解构赋值,或使用扩展运算符;
let [a, b] = gen(); //a, b = welcome to
- generator配合axios数据请求,实例:
function * gen(){
let val = yield 'murphy';
yield axios.get('https://api..../${val}') //val为传参
}
let gi = gen();
let username = g1.next().value;
g1.next(username).value.then(res=>{
console.log(res.data);
});
复制代码
异步解决方案总结:
- 回调函数
- 监听事件
- 发布订阅
- promise对象
- async