JS匿名函数内部this指向

网上看到一句话,匿名函数的实行是具有全局性的,那怎样具有的全局性呢?

this的指向在函数定义的时刻是肯定不了的,只要函数实行的时刻才肯定this究竟指向谁,实际上this的终究指向的是谁人挪用它的对象

1.案例中,第一个say打出来的是Alan,而第二个则是window

   var name = 'window'
    var person = {
        name :'Alan',
        sayOne:function () {
                console.log(this.name)
        },
        sayTwo:function () {
            return function () {
                console.log(this.name)
            }
        }
    }
    person.sayOne()//Alan
    person.sayTwo()()  // window 

2.缘由

  1. 函数内部的this指向挪用者
  2. sayOne挪用者是person对象,所以this指向person;
  3. sayTwo的挪用者虽然也是person对象,然则区分在于此次挪用并没有打出this而是在全局返回了一个匿名函数
  4. 而这个匿名函数不是作为某个对象的方法来挪用实行,是在全局实行

3.我们也能够变动this指向,这里运用JS高等编程的案例

var name = "global";

var foo = {
    name: "foo",
    getName : function(){
        console.log(this.name);
    }
}

var bar = {
    name: "bar",
    getName : function(){
        return (function(){
            console.log(this.name);
        })();
    }
}

foo.getName(); //foo
foo.getName.call(bar); //bar
foo.getName.call(this); //global
foo.getName.call(window); //global

(function(){

    console.log(this.name)

}.bind(bar))(); //bar

(function(){

    console.log(this.name)

}.bind())(); //global
    原文作者:ipromise
    原文地址: https://segmentfault.com/a/1190000019134359
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞