js中 this 的指向

---

js中 this的指向一共存在3种地方：

1.全局的this;

2.构造函数的this;

3.call/apply;

回到顶部

一、全局的this：

function test(){
    this.d = 3;//函数的默认指向是window
    var a = 1;
    function c(){
    }
}

test(123);
console.log(window.d);
console.log(this.d);//this 默认指向window

这里有两个点：函数的默认指向是window；全局this 指向 window；

预编译的过程：

 ao:
     this : window
     a
     c :function c(){}
    
    go:
        test :function test(){}

这里的两个console.log输出的都是3

回到顶部

二、构造函数中this的指向：

    function Test(){
        this.name = "123";
        }
    var test = new Test();

这里的预编译过程是这样的：

GO:Test :function Test(){};

AO:

第一次：this {window};

当new了之后： this : {name：123; __proto__：Test.prototype}

回到顶部

三、call/apply改变this的指向

//call/apply 改变this指向
function Person(){
        this.name = "张三";
        this.age = 18
    }
function Programmer(){
    Person.apply(this);
    this.work = "Progarmming";
}    

var p = new Programmer();
console.log(p);

根据前面的介绍，可知：Person.apply(this);中this 是指向Programmer的实例化对象，  此处 的this也替换了Person 实例化对象；所以 最后输出就是：
{name: "张三", age: 18, work: "Progarmming"}

 

回到顶部

总结：

1.全局this 指向 window

2.预编译函数 this指向window

3.构造函数的this 指向实例化对象

4.apply/call改变this的指向

 

回到顶部

补充：js中 this 和 $(this)的区别

this是html中返回的类集合（[object HTMLImageElement]），而$(this)返回的是Jquery的集合（[object Object ]）

以下例子是以https://www.miaov.com/网站为页面的一个例子；

$(".menu ul").each(function(){
var a = $(this);
var b = this
//test(a.text());
debugger
test(b.innerText);
})

function test(obj){
alert(obj);
}

这里当获取 ul的值，两种方式去取；