日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

js self = this的解释

發(fā)布時間:2025/3/8 编程问答 21 豆豆
生活随笔 收集整理的這篇文章主要介紹了 js self = this的解释 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

Demo 1:

  function Person(){this.name = 'hjzgg';this.age = 24;this.show = function(){alert(name + " " + age);}}var p = new Person();p.show();

  錯誤:name 和 age都沒有定義。

Demo 2:

  function Person(){this.name = 'hjzgg';this.age = 24;this.show = function(){alert(this.name + " " + this.age);}}var p = new Person();p.show();

  正確。

Demo 3:

  function Person(){this.name = 'hjzgg';this.age = 24;this.show = function(){alert(this.name + " " + this.age);}}var p = new Person();p.show.call({});

  錯誤:name 和 age 未定義。

Demo 4:

  function Person(){this.name = 'hjzgg';this.age = 24;var self = this;this.show = function(){alert(self.name + " " + self.age);}}var p = new Person();p.show.call({});

  通過 var self = this,正確。

?

Demo 5:

  function Person(){this.sayHello = function(){alert('hello world!');}this.show = function(){sayHello();}}var p = new Person();p.show();

  錯誤:sayHello未定義。

Demo 6:

  function Person(){var sayHello = function(){alert('hello world!');}this.show = function(){sayHello();}}var p = new Person();p.show();

  正確。

  

結(jié)論:

  每個函數(shù)都有屬于自己的this對象,這個this對象是在運行時基于函數(shù)的執(zhí)行環(huán)境綁定的,即在全局對象中,this指向的是window對象;在自定義函數(shù)中,this對象指向的是調(diào)用這個函數(shù)的對象,也就是說,this指向的是調(diào)用執(zhí)行環(huán)境的那個對象。如果是在函數(shù)嵌套環(huán)境中,this指代的是調(diào)用外部函數(shù)或者內(nèi)部函數(shù)的執(zhí)行環(huán)境的對象。
  那么這里可能又會出現(xiàn)新的疑問:為什么self.name 和 self.age是正確的呢?
  其實這又涉及到另一個話題:實例成員與局部成員。我們創(chuàng)建構(gòu)造函數(shù)的意義就是要用它來創(chuàng)建實例,那么所有屬于實例的成員都需要用this來定義;而只有那些不屬于實例的成員才不會用this定義;當然,用this定義了方法以后,在函數(shù)作用域內(nèi)部要調(diào)用此方法時,就需要加上this了。

Demo 7:

var person = {name : 'hjzgg',age : 24,show : function(){alert(name + " " + age);}}person.show();

  錯誤:name 和 age未定義。

Demo 8:

var person = {name : 'hjzgg',age : 24,show : function(){alert(this.name + " " + this.age);}}person.show();

  正確。

Demo 9:

var person = {name : 'hjzgg',age : 24,show : function(){alert(this.name + " " + this.age);}}person.show.call({});

  錯誤:name 和 age 未定義。

Demo 10:

var person = {name : 'hjzgg',age : 24,show : function(){alert(person.name + " " + person.age);}}person.show.call({});

  正確。

轉(zhuǎn)載于:https://www.cnblogs.com/hujunzheng/p/5330486.html

總結(jié)

以上是生活随笔為你收集整理的js self = this的解释的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

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