es6中的async,await,代理

async和await

async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。

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

await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ，你只会得到一个语法错误

async function helloAsync(){

    return "helloAsync";

  }

helloAsync().then(res=>{

console.log(res)

})

async和await实例

Symbol 符号

Symbol 是一种新的数据类型，它的值是唯一的，不可变的

var sym = Symbol( "符号" );

console.log(typeof sym); // symbol

这里 Symbol 前面不能使用 new 操作符。

如果它被用作一个对象的属性，那么这个属性会是不可枚举的

迭代器

迭代器允许每次访问数据集合的一个元素，当指针指向数据集合最后一个元素时，迭代器便会退出。它提供了 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 }

 

Generator生成器

Generator 函数是 ES6 的新特性，它允许一个函数返回的可遍历对象生成多个值。

在使用中你会看到 * 语法和一个新的关键词 yield:

function *infinite() {

  var n = 1;

  while (true){

    yield n++;

  }

}

var numbers = infinite(); // 返回可 迭代对象

numbers.next(); // { value: 1, done: false }

numbers.next(); // { value: 2, done: false }

numbers.next(); // { value: 3, done: false }

每次执行 yield 时，返回的值变为迭代器的下一个值。

Proxy 代理

Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。

Proxy(target, handler), 这里的 handler 可以是 set get has hasOwn keys 等等方法

更多：Proxy - JavaScript | MDN

var plain = {

    name : "木木"

};

var proxy = new Proxy(plain, {

    get: function(target, property) {

        return property in target ? target[property] : "我擦";

    }

});

proxy.name // "木木"

proxy.title // "我擦"

 

实例