當前位置:
首頁 >
实例谈谈this在JavaScript中如何工作
發布時間:2023/12/31
35
豆豆
生活随笔
收集整理的這篇文章主要介紹了
实例谈谈this在JavaScript中如何工作
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
下面的代碼會輸出什么結果??
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。
原因是,在一個函數中,this的行為,取決于JavaScript函數的調用方式和定義方式,而不僅僅是看它如何被定義的。?
在第一個 console.log()調用中,getFullname() 被調用作為obj.prop對象的函數。所以,上下文指的是后者,函數返回該對象的fullname。與此相反,當getFullname()被分配到test變量時,上下文指的是全局對象(window)。這是因為test是被隱式設置為全局對象的屬性。出于這個原因,該函數返回window的fullname,即定義在第一行的那個值。?總結
以上是生活随笔為你收集整理的实例谈谈this在JavaScript中如何工作的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 给字符串对象定义一个repeat功能。当
- 下一篇: JavaScript判断页面当前浏览设备