ECMAScript繼承

来源:http://www.cnblogs.com/wyangnb/archive/2016/07/29/5717916.html
-Advertisement-
Play Games

繼承的定義 ECMAScript 實現繼承可以從父類入手,所有開發者定義的類都可作為父類,出於安全考慮,本地類和宿主類不能作為父類,因為容易收到惡意攻擊 創建只是用於給子類提供通用函數的父類被看作抽象類 子類可以繼承父類的所有屬性和方法,子類可以擴展父類中沒有的屬性和方法,還可以覆蓋父類中的屬性和方 ...


繼承的定義

  • ECMAScript 實現繼承可以從父類入手,所有開發者定義的類都可作為父類,出於安全考慮,本地類和宿主類不能作為父類,因為容易收到惡意攻擊
  • 創建只是用於給子類提供通用函數的父類被看作抽象類
  • 子類可以繼承父類的所有屬性和方法,子類可以擴展父類中沒有的屬性和方法,還可以覆蓋父類中的屬性和方法

繼承的方式

一、對象冒充

原理:構造函數使用 this 關鍵字給所有屬性和方法賦值(即採用類聲明的構造函數方式)。因為構造函數只是一個函數,所以可使 ClassA 構造函數成為 ClassB 的方法,然後調用它。ClassB 就會收到 ClassA 的構造函數中定義的屬性和方法
實現:

function ClassA(name){
    this.name = name;
    this.sayName = function(){
        console.log(this.name);
    }
}
function ClassB(name){
    this.newName = ClassA;    //函數名是指向函數的指針
    this.newName(name);
}
var objA = new ClassA();
var objB = new ClassB('wyang');
objB.sayName();    //wyang
對象冒充可以實現多重繼承
  • 一個子類可以繼承多個父類
  • 兩個類存在同名的屬性或方法時,後繼承的類優先順序高

二、call() 方法

call([thisObj[,arg1[, arg2[, [,.argN]]]]])
參數:

  • 第一個參數用作 this 的對象
  • 參數都直接傳遞給函數自身
  • 如果沒有提供thisObj參數,那麼Global對象被用作thisObj

實現:

function fun(sex){
    console.log(this.name + sex);   
}
var obj = {
    name:'wyang'
};
fun.call(obj,'is man');    //wyang

這個例子其實就是把obj替換成了fun函數中的this,後面的參數與fun函數的參數匹配

三、apply()方法

apply([thisObj[,argArray]])
參數:

  • 第一個參數用作 this 的對象
  • 傳遞給函數的參數的數組
  • 如果沒有提供thisObj參數,那麼Global對象被用作thisObj

實現:

function fun(sex,job){
    console.log(this.name + sex + job);  
}
var obj = {
    name:'wyang'
};
fun.apply(obj,new Array('isman','fe'));    //wyangismanfe

四、call()和apply()的區別

  • 第一個參數一樣
  • 第二個參數:call()方法就是普通參數;apply()方法是把參數組合成了數組進行傳遞(和函數的arguments相似)

五、call()和apply()的總結

  • call()apply()方法其實就是修改對象內部的this的指向

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

-Advertisement-
Play Games
更多相關文章
  • 眾所周知,一個元素,動往往比靜更吸引眼球; 一套操作界面,合適的動態交互反饋能給用戶帶來更好的操作體驗; 一個H5運營宣傳頁,炫酷的動畫特效定能助力傳播和品牌打造。 近兩年,小到loading動畫,表單動效,大到各式各樣H5運營頁的炫酷展現,“動效設計”一詞可謂是火遍大江南北,而動效設計早已成為一名 ...
  • 宋體 SimSun 黑體 SimHei 微軟雅黑 Microsoft YaHei 微軟正黑體 Microsoft JhengHei 新宋體 NSimSun 新細明體 PMingLiU 細明體 MingLiU 標楷體 DFKai-SB 仿宋 FangSong 楷體 KaiTi 仿宋_GB2312 Fa ...
  • js 中的奇葩問題 1、eg:000101 = 65; 000101為獲取到的字元串類型,通過click事件傳遞,000101變為了65; 解決方法:jq中直接運行的代碼中獲取到的000101為字元串類型,但是後邊人為運行此代碼相關的代碼時獲取到的000101就為number類型。由此可見在JS中數 ...
  • colspan和rowspan這兩個屬性用於創建特殊的表格。 colspan是“column span(跨列)”的縮寫。colspan屬性用在td標簽中,用來指定單元格橫向跨越的列數: 在瀏覽器中將顯示如下: 單元格1 單元格2 單元格3 單元格4 該例通過把colspan設為“3”, 令所在單元格 ...
  • 1.事件對象: 在觸發DOM事件的時候都會產生一個對象。 2.事件對象event: (1)、type:獲取事件類型 (2)、target:獲取事件目標 (3)、stopPropagation():阻止事件冒泡 (4)、preventDefault():阻止事件預設行為 ~~~~~~~~~~~~~~~ ...
  • ajax 非同步請求成功後需要新開視窗打開 url,使用的是 window.open() 方法,但是很可惜被瀏覽器給攔截了,怎麼解決這個問題呢 ajax 非同步請求成功後需要新開視窗打開 url,使用的是 window.open() 方法,但是很可惜被瀏覽器給攔截了,怎麼解決這個問題呢 問題: 前面開發 ...
  • DOM有三種節點:元素節點、屬性節點、文本節點。 一、用nodeType可以檢測節點的類型 這樣方便在js中對各個節點進行操作。 元素節點:html中的標簽。 屬性節點:html便簽中的屬性值。 文本節點:元素節點之間的文本。 二、用body的childNodes來測試 來看body的childNo ...
  • 第63條建議使用工具函數downloadAllAsync接收一個URL數組並下載所有文件,結果返回一個存儲了文件內容的數組,每個URL對應一個字元串。downloadAllAsync並不只有清理嵌套回調函數的好處,其主要好處是並行下載文件。我們可以在同一個事件迴圈中一次啟動所有文件的下載,而不用等待... ...
一周排行
    -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.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...