美文网首页
ES6中this指向探索

ES6中this指向探索

作者: 浅谈码生活 | 来源:发表于2020-11-03 15:23 被阅读0次

运行时环境决定this的指向
1.普通函数:根据调用者来指向,谁调用this就指向谁;
2.箭头函数:根据运行时所处的环境进行指向,在那个环境this就执行谁;

注意,箭头函数的this指向要看运行时所处的环境

        //普通函数:根据调用我的人(谁调用我,我的this就指向谁)
        //箭头函数:根据所在环境(我在那个环境中,this就指向谁)  
        let PageTest1 = {
            id: '1',
            init: function () {
                alert(this);
            }
        };
        //普通函數,运行时,调用init时指向调用的对象
        PageTest1.init();//PageTest1

        let PageTest2 = {
            id: '1',
            init: () => {
                alert(this);
            }
        };
        //匿名函數,运行时,调用init时指向当前所处的环境
        PageTest2.init();//window 

相关文章

  • ES6中this指向探索

    运行时环境决定this的指向1.普通函数:根据调用者来指向,谁调用this就指向谁;2.箭头函数:根据运行时所处的...

  • ES6新特性(更新篇)

    首先感谢Carnia帮我指出ES6箭头函数中this指向的错误,此次主要更新箭头函数中this指向问题。 ECMA...

  • 📒【this】JavaScript中的this指向探索

    在 Java 等面向对象的语言中,this 关键字的含义是明确且具体的,即指代当前对象。一般在编译期绑定。而 在 ...

  • es6的this指向问题

    es6的this指向问题

  • 箭头函数中的this指向

    在window中定义的方法,es5和es6的this都一样指向window 在事件处理中的this指向 在对象方法...

  • ES6中的class继承

    ES6中的class继承 Son(constructor function)的隐式原型proto指向Father(...

  • es6的this的指向性问题详解(接着上一篇文章)

    我们都知道在es6中函数的扩展多了箭头函数,那么箭头函数中的this如何指向呢? 下面我们来看一看: 其实es6的...

  • this、call、apply、bind

    this的指向(this永远指向最后调用它的那个对象) 改变this指向 ES6函数箭头 在函数内部使用 var...

  • ES6之this指向

    ES6之this指向 前言 this 指向问题是入坑前端必须了解知识点,现在迎来了ES6时代,因为箭头函数的出现,...

  • 手写实现call,apply,bind

    js中改变this指向的方法: call、apply、bind、以及ES6的箭头函数面试中不乏被问到这几个方式,如...

网友评论

      本文标题:ES6中this指向探索

      本文链接:https://www.haomeiwen.com/subject/qpabvktx.html