一.重點來了，this指向問題：
1.this指向之普通函數。
2.this指向之對象
3.this指向之構造函數
4.this指向之（call,apply）動態更改this指向。

二.具體分析如下

1.普通函數

?

// 第23行的調用者為null,this指向也為null,
// 所以這時js把this指向了window對象,所以彈出的結果是
// n,這樣不好的是會污染全局函數內帶this的操作，不能直接調用;

2.對象

// 第34行是對象的say方法指針指向了一個存在的函數say();
// 所以在35行函數執行,彈出nihao,其實就是調用了ob對象的say()方法,所以
// 這時的this指向的就是ob這個對象.
// 在37行時ob對象的say()指向的指針又賦給ob1對象的say()了,
// 所以ob1對象的say方法也指向了那個存在的函數say();
// 38行執行的結果是彈出yes,this指向的是ob1這個對象;

3.構造函數

?

// 50行得到了一個新對象，this指向該新對象
// 當new的一瞬間
// 1.會創建一個空對象,方法的this指向該空對象;
// 2.會運行方法
// 37行:{}.name=name;
// 38行:{}.age=age;
// 3.返回該對象

4.call，apply

?

// 61行出現了一個低級錯誤認為通過類名就能得到那個dom對象,
// 其實不是得到的是一個集合,需要通過數組的方式來得到dom對象.constructor
// 69行this指向了test1這個dom對象;
// 知識點:call和apply區別
// 1.函數名.call(對象,參數1,參數2,...);函數名.apply(對象,[參數1,參數2,...]);
// 2 把函數的this,指向對象
// 3.運行函數,傳參為參數1,參數2,....;

三 歡迎指出錯誤，一起學習

轉載于:https://www.cnblogs.com/zhuzhu88/p/6648626.html

總結

以上是生活随笔為你收集整理的JavaScript中this指向的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。