當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
实例谈谈this在JavaScript中如何工作
生活随笔
收集整理的這篇文章主要介紹了
实例谈谈this在JavaScript中如何工作
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
下面的代碼會輸出什么結果??
var fullname = 'John Doe'; var obj = {fullname: 'Colin Ihrig',prop: {fullname: 'Aurelio De Rosa',getFullname: function() {return this.fullname;}} };console.log(obj.prop.getFullname());var test = obj.prop.getFullname;console.log(test());
var fullname = 'John Doe'; var obj = {fullname: 'Colin Ihrig',prop: {fullname: 'Aurelio De Rosa',getFullname: function() {return this.fullname;}} };console.log(obj.prop.getFullname());var test = obj.prop.getFullname;console.log(test());
答案是Aurelio De Rosa和John Doe。
原因是,在一個函數(shù)中,this的行為,取決于JavaScript函數(shù)的調用方式和定義方式,而不僅僅是看它如何被定義的。?
在第一個 console.log()調用中,getFullname() 被調用作為obj.prop對象的函數(shù)。所以,上下文指的是后者,函數(shù)返回該對象的fullname。與此相反,當getFullname()被分配到test變量時,上下文指的是全局對象(window)。這是因為test是被隱式設置為全局對象的屬性。出于這個原因,該函數(shù)返回window的fullname,即定義在第一行的那個值。?總結
以上是生活随笔為你收集整理的实例谈谈this在JavaScript中如何工作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 给字符串对象定义一个repeat功能。当
- 下一篇: es6的map()方法解释