我理解的this

来源:http://www.cnblogs.com/chuaWeb/archive/2016/02/18/5198957.html
-Advertisement-
Play Games

this指的就是當前上下文環境對象,主要分兩種情況。 1.函數中的this指的是調用該函數的那個上下文環境對象 這個的理解還是非常重要的。 看一個全局函數的例子 var b = 1; function a(){ alert(this.b); } a();//1 這裡面函數a是屬於全局變數window


  this指的就是當前上下文環境對象,主要分兩種情況。

1.函數中的this指的是調用該函數的那個上下文環境對象

  這個的理解還是非常重要的。 

  看一個全局函數的例子

var b = 1;
function a(){
  alert(this.b);
}
a();//1

  這裡面函數a是屬於全局變數window。所以調用a的時候實際上和window.a()等同。所以a函數中的this指的是調用a函數的調用者window。所以列印出1就不稀奇了。 

  再看一個對象的例子

var person = {
  name:'chua',
  do:function(){alert(this.name)}
}
person.do();//'chua'

  這裡面函數do是屬於對象person。所以調用person.do的時候函數中的this指的是調用do函數的調用者person。所以列印出this.name就是person.name列印'chua'。

  最後是call/apply的例子

var b = 0; 
var c = {
  a: function(){alert(this.b); },
  b: 1
}
var d = { b: 2};
c.a.apply(); //0 
c.a.apply(d); //2

  apply第一個參數會替換上下文環境,沒有第一個參數的時候預設是全局變數window。

  

2.構造函數調用

  構造函數調用實際上就失竊換了上下文環境到新建的對象中。

function a(){
    this.b = 1;
}
var c = new a();
alert(c.b); //1
alert(typeof b); //"undefined"

   new a()後上下文環境對象變成了c。

  參考jQuery框架中的new的深度理解

 

  如果覺得本文不錯,請點擊右下方【推薦】!

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 計算:微信金額是拆的時候實時算出來,不是預先分配的,採用的是純記憶體計算,不需要預算空間存儲。採取實時計算金額的考慮:預算需要占存儲,實時效率很高,預算才效率低。2014年微信紅包使用資料庫硬抗整個流量,2015年使用cache抗流量。 實時性:為什麼明明搶到紅包,點開後發現沒有,2014年的紅包一點
  • Atitit. Atiposter 發帖機版本歷史 編年史 V1 初步實現sina csdn cnblogs V2 實現qzone sohu 的發帖功能 順便重構介面實現分離 V3多文件迴圈發帖(初步bbs版本) V4 sina發帖功能fix增加二次貼入內容 發佈時的確認關閉提示folat框子 調整
  • Atitit swt 4.3 4.4 4.5 新特性java attilax總結 1. 4.5 Release - June 3, 20151 1.1. Older Releases1 2. SWT 4.4.2, 4 February 2015.1 3. SWT 4.3.2, 21 February
  • 重要程度:★★★★☆ 一、什麼是組合模式 樹形結構的實現,用於描述“整體-部分”的關係; 二、補充說明 使用場景:部分/整體場景,如樹形菜單; 文件/文件夾; 樹形結構的公司層級關係... 三、角色 抽象角色 葉子角色 樹枝角色 客戶端角色 四、例子,JAVA實現 利用組合模式實現如下文件/文件夾的
  • 橋接模式就是對一個類的方法進行抽象化,吧不相關的因素提取出來,發展出第二個類 1 package com.shejimoshi.structural.Bridge; 2 3 4 /** 5 * 功能:橋接模式使用 6 * 意圖:將抽象部分與它的實現部分分離,使他們都可以獨立的變化 7 * 適用性:你
  • shadow dom是瀏覽器的一種技術,可以實現讓dom獨立於原有的dom tree,這樣一來就無需擔心id污染、樣式污染、js污染,外部的css並不會影響這個dom,就仿佛是一個影子shadow。並且可以用來隱藏封裝細節,就像上述原生的input[type = "date"]一樣,從而可以用來實現...
  • 效果預覽:http://hovertree.com/code/jquery/smjv6d0n.htm 基於jQuery編寫的橫向自適應幻燈片切換特效 全屏自適應jquery焦點圖切換特效,在IE6這個蛋疼的瀏覽器相容性問題上得到了和諧,相容IE6。 適用瀏覽器:IE6、IE7、IE8、360、Fir
  • 後續如有內容,本篇將會照常更新併排滿15個知識點,以下是其他幾篇譯文的地址: 第一篇地址:( 譯、持續更新 ) JavaScript 上分小技巧(一) 第二篇地址:( 譯、持續更新 ) JavaScript 上分小技巧(二) 第三篇地址:( 譯、持續更新 ) JavaScript 上分小技巧(三)
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...