标签：ES6 函数 迭代 prpo value next done 2.0 进阶

这里写目录标题

• • 可迭代对象
  • 异步与等待
  • 迭代器
  • 生成器
  • 代理Proxy

可迭代对象

可迭代的对象有 string 字符串，array 数组，Set 集合，Map 图

迭代器允许每次访问数据集合的一个元素，当指针指向数据集合最后一个元素时，迭代器便会退出。它提供了 next() 函数来遍历一个序列，这个方法返回一个包含 done 和 value 属性的对象。

var arr = [11,12,13];
var itr = arr[Symbol.iterator]();
itr.next(); // { value: 11, done: false }
itr.next(); // { value: 12, done: false }
itr.next(); // { value: 13, done: false }
 
itr.next(); // { value: undefined, done: true }

异步与等待

await
只能在asyns函数里面使用
当函数遇到 await 结果 在往下执行如果在 async function 函数体外使用 await ，你只会得到一个语法错误
async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。

async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值

async function doit(){
 var m1=await say("msg",1000)
 var m2=await say("msg",2000)
return m1+m2;
}

迭代器

通过next 方法进行 迭代
itr.next(){
value:"xxx".done:false
}
......
{ value :undefinde,done:true}

生成器

普通函数前面添加*
通过yleld 关键来控制生成
最终函数执行 返回一个可迭代元素

 function *range(start,end,step=1) {
            while (start < step) {
                yield start;
                start += step;
            }
        }

生成一个1-100的可迭代元素
varlist=range（1，100）；
转换为数组
list=[…list]
当函数执行到yield关键字会等待

代理Proxy

代理就是对原有对象target二次加工

var obj = { "name": "mumu", age: 18 };
        //o用来代理obj
        var o = new Proxy(obj, {
            //当获取0对象的属性值执行get方法
            get: function (target, prpo) {
                //如果属性名在元对象里面
                if (prpo in target) {
                    //返回原对象属性
                    return target[prpo]
                } else {
                    //否则返回我擦
                    return '我擦';
                }
            },
            set:function(targer,prpo,value){
                if(prpo==="age"){
                    if(value>200||value<0){
                        //发送一个范围错误
                        throw RangeError("这个年龄空拍不是人类")
                    }else{
                        targer[prpo]=value;
                    }
                }
                else{
                    targer[prpo]=value;

                }
            }
        })

        //通过o代理obj实现对obj对象的劫持

标签：ES6,函数,迭代,prpo,value,next,done,2.0,进阶
来源： https://blog.csdn.net/qq_59003402/article/details/123095700

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。