Javascript this關鍵字 指向詳解

面向對象語言中 this 表示當前對象的一個引用。在 JavaScript 中 this 不是固定不變的，它會隨著執行環境的改變而改變。

1） 單獨使用，this 表示全局對象。

<script type="text/javascript">console.log(this) // 指向window全局對象 </script>

2） 在方法中，this 表示該方法所屬的對象。

var person = {firstName: "John",lastName : "Doe",id : 5566,fullName : function() {return this.firstName + " " + this.lastName; // 指向person對象} }; person.fullName(); // John Doe

3）在函數中，this 表示全局對象。 在嚴格模式下，this 是未定義的(undefined)。

<script type="text/javascript">var q = "hello"var func = function(){var q = 'wang'console.log(this.q) // hello}func() </script> <script type="text/javascript">var q = "hello"var func = function(){var q = 'wang'console.log(this.q) // Cannot read property 'q' of undefined}func() </script>

在事件中，this 表示接收事件的元素

<button onclick="this.style.display='none'">點我后我就消失了</button>

5） 作為構造函數調用 構造函數試圖初始化這個新創建的對象，并將這個對象作為其調用上下文，this 指向這個新創建的對象。

var q = 'window' function Func() {this.q = 'hello'console.log(this.q) //hello } var obj = new Func

通過函數的call/apply方法間接調用 call/apply方法的第一個參數是調用上下文，在函數體內，通過this獲得對它的引用。

var q = 'window' function func() {console.log(this.q) } var obj = {q: 'obj' } func.apply() //window func.call() //window func.apply(obj) //obj func.call(obj) //obj

箭頭獨立函數 : 本身沒有this，內部的this就是外層代碼塊作用域中的this
因箭頭函數沒有this,固不能用作構造函數，否則會報錯

var a = 0 var test = ()=>{var a = 1console.log(this.a) } test() // 0

總結

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

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