Javascript this關(guān)鍵字 指向詳解

面向?qū)ο笳Z言中 this 表示當前對象的一個引用。在 JavaScript 中 this 不是固定不變的，它會隨著執(zhí)行環(huán)境的改變而改變。

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）在函數(shù)中，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） 作為構(gòu)造函數(shù)調(diào)用 構(gòu)造函數(shù)試圖初始化這個新創(chuàng)建的對象，并將這個對象作為其調(diào)用上下文，this 指向這個新創(chuàng)建的對象。

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

通過函數(shù)的call/apply方法間接調(diào)用 call/apply方法的第一個參數(shù)是調(diào)用上下文，在函數(shù)體內(nèi)，通過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

箭頭獨立函數(shù) : 本身沒有this，內(nèi)部的this就是外層代碼塊作用域中的this
因箭頭函數(shù)沒有this,固不能用作構(gòu)造函數(shù)，否則會報錯

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。