箭头函数 基础

ES5写法:

var obj ={

x:1,

    func:function(){

console.log(this.x);

    },

    test:function(){

       var that= this;

        //setTimeout是异步,函数已经执行完成,this指向的值是windows;

        setTimeout(function(){

alert(that);

            console.log(that.func());

        },10)

}

}

ES6写法:

var obj = {

x:1,

    func:function(){

console.log(this.x);

    },

    test:function(){

setTimeout(()=>{

alert(this);

            alert(this.func());

        },10)

}

}

obj.test()


ES6的优点:(相对ES5)

1、精简

2、避免了调用异步函数时对this的志向不同。

3、待定

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,396评论 2 17
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,542评论 1 10
  • JS基础讲解 JavaScript组成ECMAScript:解释器、翻译DOM:Document Object M...
    FConfidence阅读 3,658评论 0 1
  • 慕课网@JoJozhai 老师 TypeScript入门课程分享 TypeScript入门 ES5,ES6,JS,...
    shangpudxd阅读 13,560评论 0 22
  • 1.昨天是怎么过的已经淡忘,以后更加需要记录了,不然记性真是太差。 只记得一大早的去公司原本想着整理DRC的录音,...
    想写书的Linda阅读 1,220评论 0 0

友情链接更多精彩内容