javascript基础拾遗(五)

1.什么是箭头函数
ES6引入的一种新的函数,类似匿名函数,x=>xx
箭头左端为函数参数,右端为函数体
相当于
function (x){
retutn x
x
}

2.箭头函数的特点
更简洁

3.箭头函数和匿名函数的区别
箭头函数和匿名函数的区别在于this关键字的使用
在前面的总结中,知道对象的方法中定义的内部方法是无法使用this关键字的
箭头函数修复了这个缺陷,内部方法也可以使用this关键字,指向当前对象。

4.什么是生成器
javascript的生成器和python的生成器雷同,遇yield关键字返回,保存上下文,
下次从yield关键字之后继续执行。

5.生成器generator和普通函数的比较
generator可以在执行过程中多次返回,保存执行状态。
generator可以使异步代码同步执行,如ajax的执行是异步的,若需要同步执行,只能在ajax的success回调中执行
而使用yield,可以自动阻塞异步代码的执行。

ajax('http://url-1', data1, function (err, result) {
    if (err) {
        return handle(err);
    }
    ajax('http://url-2', data2, function (err, result) {
        if (err) {
            return handle(err);
        }
        ajax('http://url-3', data3, function (err, result) {
            if (err) {
                return handle(err);
            }
            return success(result);
        });
    });
});

生成器

try {
    r1 = yield ajax('http://url-1', data1);
    r2 = yield ajax('http://url-2', data2);
    r3 = yield ajax('http://url-3', data3);
    success(r3);
}
catch (err) {
    handle(err);
}

posted on 2017-12-05 21:53  迪米特  阅读(137)  评论(0编辑  收藏  举报

导航