奶头挺立呻吟高潮av全片,成人试看120秒体验区,性欧美极品v,A片高潮抽搐揉捏奶头视频

JavaScript

理解JavaScript中的封裝與繼承特性

時間:2024-09-05 07:50:18 JavaScript 我要投稿
  • 相關推薦

理解JavaScript中的封裝與繼承特性

  JavaScript中的封裝

  封裝簡單地說就是讓外界只能訪問對象的共有變量和函數,隱藏細節和數據。

  js中有三種方法創建對象,分別為門戶大開型、用命名規范區分私有變量、閉包創建真正的私有變量三種。

  1.門戶大開型,是實現對象的最基礎的方法,所有方法與變量都是共有的外界可以訪問。

  var Book = function(name){ if(this.check(name)){ console.log("error"); throw new Error("name null"); } this.name = name; } Book.prototype = { check:function(name){ if(!name){ return true; } }, getName:function(){ return this.name; } } var book = new Book("哈哈"); //output:哈哈 哈哈 console.log(book.name,book.getName());

  這個例子是門戶大開型的典型,外界能直接訪問對象的屬性和方法?梢宰⒁獾綄傩院妥兞慷加"this"來創建。

  2.用命名規范區分私有變量,該方法是門戶大開型的優化版本,只不過是在私有變量或方法前面用"_"區分,如果有程序員有意使用_getName()的方法來調用方法,還是無法阻止的,不是真正地將變量隱藏。

  3.閉包創建真正的私有變量,該方法利用js中只有函數具有作用域的特性,在構造函數的作用域中定義相關變量,這些變量可以被定義域該作用域中的所有函數訪問。

  var Book2 = function(name){ if(check(name)){ console.log("error"); throw new Error("name null"); } name = name; function check(name){ if(!name){ return true; } } this.getName = function(){ return name; } } Book2.prototype = { display:function(){ //無法直接訪問name return "display:"+this.getName(); } } var book2 = new Book2("哈哈"); //output:undefined "哈哈" "display:哈哈" console.log(book2.name,book2.getName(),book2.display());

  可以看到,這個例子中的結果,直接訪問name會返回undefined的結果。可以看到這個例子與門戶大開型的區別,門戶大開型中的變量使用"this"來創建,而這個例子中使用var來創建,check函數也是如此,使得name與check函數只能在構造函數的作用域中訪問,外界無法直接訪問。

  該方法解決了前兩種方法的問題,但是也有一定的弊端。在門戶大開型對象創建模式中,所有方法都創建在原型對象中,因此不管生成多少對象實例,這些方法在內存中只存在一份,而采用該方法,每生成一個新的對象都會為每個私有變量和方法創建一個新的副本,故會耗費更多的內存。

  JavaScript中的繼承

  Book基類:

  var Book = function(name){ if(this.check(name)){ console.log("error"); throw new Error("name null"); } this.name = name; } Book.prototype = { check:function(name){ if(!name){ return true; } }, getName:function(){ return this.name; } }

  繼承方法:

  function extend(subClz,superClz){ var F = function(){} F.prototype = superClz.prototype; subClz.prototype = new F(); subClz.prototype.constructor = subClz; subClz.superClass = superClz.prototype; if(superClz.prototype.constructor == Object.prototype.constructor){ superClz.prototype.constructor = superClz; }

  使用空函數F作為橋接,可以避免直接實例化父類時調用父類的構造函數帶來額外開銷,而且當父類的構造函數有參數時,想直接通過subClass.prototype = new superClass();實現父類構造函數的調用和原型鏈的繼承是不行的。

  subClz.superClass = superClz.prototype; if(superClz.prototype.constructor == Object.prototype.constructor){ superClz.prototype.constructor = superClz; }

  添加這三句可以避免子類繼承父類寫Book.call(this,name);而是簡單地寫ArtBook.superClass.Constructor.call(this,name)便能實現。

  并且在子類重寫父類方法的時候,可以調用到父類的方法:

  ArtBook.prototype.getName = functiion(){ return ArtBook.superClass.getName.call(this) + "!!!"; }

  ArtBook子類:

  var ArtBook = function(name,price){ ArtBook.superClass.Constructor.call(this,name); this.price = price; } extend(ArtBook,Book); ArtBook.prototype.getPrice = function(){ return this.price; } ArtBook.prototype.getName = function(){ return ArtBook.superClass.getName.call(this)+"!!!"; }

【理解JavaScript中的封裝與繼承特性】相關文章:

如何調試javascript腳本呢07-19

javascript跨域訪問的方法07-19

績效管理的特性06-16

污泥的分類和特性04-13

2022中考英語閱讀理解誒考前練習題11-18

酒店產品的特性酒店知識10-18

常見樂器類型的EQ特性04-12

彈簧鋼的特性和應用07-18

閱讀理解的答題技巧02-03

英語閱讀理解題09-22

主站蜘蛛池模板: 闵行区| 明光市| 江北区| 阿瓦提县| 桑日县| 青浦区| 利辛县| 墨竹工卡县| 宜宾县| 鄂州市| 曲周县| 乐东| 中山市| 荣昌县| 宜都市| 安多县| 临朐县| 阳山县| 白玉县| 金川县| 开远市| 姜堰市| 恩施市| 荔浦县| 乐陵市| 白河县| 永福县| 郸城县| 清涧县| 达州市| 徐州市| 嘉善县| 长泰县| 安徽省| 社会| 瓦房店市| 塘沽区| 桂阳县| 老河口市| 马尔康县| 黄冈市|