js self = this的解釋

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();

  正確。

  

結論:

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

  正確。

轉載于:https://www.cnblogs.com/hujunzheng/p/5330486.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/531333.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/531333.shtml
英文地址,請注明出處:http://en.pswp.cn/news/531333.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

(三)圖像轉灰度圖Python實現

這里寫目錄標題(一)原始圖像(二)轉換原理(三)python實現1. 安裝庫2. python程序編寫3. 效果4. 工程文件(一)原始圖像 (二)轉換原理 (三&#xff…

SD卡實例分析fat32文件系統

目錄 環境描述 分析過程 1.SD卡格式化 2.使用winhex打開sd卡 3.MBR分析 4.DBR分析

java泛型上下限

前言: java的泛型上下限不是很好理解,尤其像我這種菜雞。反反復復看了好幾遍了...,真是... 一、簡單的繼承體系 class Person{}class Student extends Person{}class Worker extends Person{} 二、泛型上限(extends 關鍵字&#x…

基于matlab的步進電機仿真(一)

這里寫目錄標題環境準備基礎準備模型參數輸入和輸出仿真原理圖仿真資源環境準備 MatLab2021b 基礎準備 打開Matlab,在幫助文檔里面搜索step motor,我們這里選擇如下模型 該模型實現了一個通用的步進電機模型: 可變磁阻步進電機永磁或混合步進電機 …

java自定義類加載器

前言 java反射,最常用的Class.forName()方法。做畢設的時候,接收到代碼字符串,通過 JavaCompiler將代碼字符串生成A.class文件(存放在classpath下,也就是eclipse項目中的bin目錄里),然后通過jav…

常用網址

MDN : 一個不錯的前端學習網站 https://developer.mozilla.org/zh-CN/  https://developer.mozilla.org/en-US/ CodePen 是一個網站前端設計開發平臺,是一個針對網站前端代碼設計的開發工具。 RunJS - 在線編輯、展示、分享、交流你的 JavaScript 代碼 : http://r…

repo介紹(一)

repo簡介 Repo 是我們以 Git 為基礎構建的代碼庫管理工具,可以組織多個倉庫的上傳和下載。它是由一系列的Python腳本組成,封裝了一系列的Git命令,用來統一管理多個Git倉庫 一個大型的項目可能由很多小的倉庫組合而成的,為了方便統一管理各個…

hash長度擴展攻擊

作為一個信息安全的人,打各個學校的CTF比賽是比較重要的! 最近一個朋友發了道題目過來,發現有道題目比較有意思,這里跟大家分享下 這串代碼的大致意思是: 這段代碼首先引入了一個名為"flag.php"的文件&am…

repo介紹(二)

這篇文章來實例操作 安裝repo,參考repo介紹這一節創建repo存放default.xml 的git倉庫 初始化repo,repo init -u https://gitee.com/angerial/repo-test.git 這個時候會在當前目錄生成如下文件 參考repo組成,修改.repo/manifest.xml,這里我的…

springmvc環境搭建以及常見問題解決

1.新建maven工程 a) 打開eclipse,file->new->project->Maven->Maven Project b) 下一步 c) 選擇創建的工程為webapp,下一步 d) 填寫項目的group id和artifact id。一般情況下,group id寫域名的倒序,artifact id…

eclipse build workspace太慢或者 js出錯問題解決

1.js文件錯誤解決辦法 右鍵項目->properties->Builders(注:JavaScript Validator也會引起 build workspace太慢) 2.Eclipse 一直不停 building workspace完美解決總結(來自: http://blog.163.com/shadow_wolf/blog/static/18346909720145279519222…

HttpUrlConnection發送url請求(后臺springmvc)

1.HttpURLConnection發送url請求 public class JavaRequest {private static final String BASE_URL "http://localhost:8080/dsdemo/";public static String userToken null;public static String problemName null;public static String sendPost(String sufUrl…

springmvc+jpa實現分頁的兩種方式

1.工具類 public final class QueryTool {public static PageRequest buildPageRequest(int pageNumber, int pageSize, String sortType){Sort sort null;if("auto".equals(sortType)) {sort new Sort(Direction.DESC, "ctime");} else {sort new Sort…

不使用session,借助redis實現驗證碼

1.首先看一下基本的流程 2.看一下代碼 注:其中用到的一些工具類,可以到我的github上去下載 https://github.com/hjzgg/usually_util/tree/master/utils windows 下的 redis下載 https://github.com/hjzgg/redis 獲取驗證碼的tooken RequestMapping(value…

PS批處理的使用

一、 前言 做開發的時候,最多的時候就是圖片的使用了。有時候圖片的處理都按照同樣的步驟,比如說統一將圖片的大小調整為固定大小,或者統一在所有的圖片的的某個位置上加入文字或者小圖片等等,這時候PS的批處理可以幫你完成這些重…

exe4j的使用

下載:http://download.cnet.com/exe4j/3000-2070_4-144405.html 參考:http://blog.chinaunix.net/uid-25749806-id-4380850.html 注:打包成jar包的一般就是src目錄,其他目錄放到目標文件夾中,目錄結構如下 如何解決exe…

c語言指針和數組的聯系

c語言指針與數組**一、指針與一維數組**1.一維數組的存儲方式2. 對一維數組名的理解3. 數組下標和指針的關系4.一位數組名與取數組首地址的區別**二、指針與二維數組**1.二維數組的存儲方式2.二維數組下標和指針的對應關系例題:懷著忐忑的心情寫了人生第一篇博客......誠惶誠恐…

android模擬器默認位置的修改

1.創建ANDROID_SDK_HOME環境變量,如ANDROID_SDK_HOMED:\eclipse_android\android-sdk 2.在ANDROID_SDK_HOME目錄下,建立.android目錄 3.默認的avd路徑是C:\Users\Administrator\.android, 將里面的內容放入到ANDROID_SDK_HOME中的.android目錄下 4.windo…

python 求出4行5列的二維數組周邊元素之和

題目:求出4行5列的二維數組周邊元素之和 代碼: import random x [[random.randint(1,10)for j in range(5)]for i in range(4)] for item in x:print(item) y [x[0][0],x[0][1],x[0][2],x[0][3],x[0][4],x[1][0],x[1][4],x[2][0],x[2][4],x[3][0],x[3][4]] prin…

android表白app

一、前言 馬上就要520和521了,是不是還有像我一樣的單身狗啊。我就知道有,所以這兩天簡單寫了這個小程序(其實是替別人寫的),雖然我并不會用去騙女孩子(因為最近太忙了,實習完之后要搞畢設&…