JavaScript之面向對象學習六原型模式創建對象的問題,組合使用構造函數模式和原型模式創建對象...

一、仔細分析前面的原型模式創建對象的方法,發現原型模式創建對象,也存在一些問題,如下:

1、它省略了為構造函數傳遞初始化參數這個環節,結果所有實例在默認的情況下都將取得相同的屬性值,這還不是最大的問題!

2、最大的問題是原型中的所有屬性是被很多實例所共享的,這種共享對于函數非常合適,對于那些包含基本值的屬性也說得過去,因為我們知道可以在實例上添加一個同名屬性,可以隱藏原型中的對應屬性。但是對于包含應用類型值的屬性來說,問題就非常嚴重了,代碼如下:

function Person(){
}
Person.prototype={constructor:Person,name:"張三",age:22,job:"coder",friends:["李四","王五"],sayName:function(){alert(this.name);}
}
var person1=new Person();
var person2=new Person();person1.friends.push("趙六");alert(person1.friends);  //輸出:李四,王五,趙六alert(person2.friends);//輸出:李四,王五,趙六

分析上面的代碼,當我們為person1添加一個朋友的時候,發現person2同時也被添加了一個朋友,但這并不是我們想要的,而這正是因為原型模式的共享的本性所導致的,只要任何一個實例修改了原型屬性對象中的屬性值,所有與該原型對象關聯的實例都會受到影響!

?

二、組合使用構造函數模式和原型模式

為了解決原型模式不能初始化參數和共享對于引用模式所存在的問題!這里我們可以采用構造函數模式和原型模式的結合模式來創建自定義類型,構造函數用于與解決初始化參數(實例屬性的定義),原型模式用于共享? 方法和constructor。

這種構造函數與原型組合的模式創建自定義類型,是ECMAScript中使用最廣泛、認同度最高的一種創建自定義類型的方法。可以說,這是用來定義引用類型的一種默認模式。

代碼如下:

?

    function Person(name,age,job){this.name=name;this.age=age;this.job=job;this.friends=["小超","大超"];}Person.prototype={constructor:Person,sayName:function(){alert(this.name);}}var person1=new Person("張三",22,"coder");var person2=new Person("李四",22,"coder");person1.friends.push("Stephen Curry","Kevin Durant");alert(person1.friends); //輸出:小超,大超,Stephen Curry,Kevin Durantalert(person2.friends);//輸出:小超,大超

?

通過上面的輸出我們發現組合使用構造函數模式和原型模式創建的自定義類型及解決了

1、構造函數:構造函數創建類型相同的函數,確是不同的作用域鏈和標識符解析(因為在JS中每創建一個函數就是一個對象,所以? (導致了構造函數中的方法)? 在不同的實例中都需要重新創建一遍,但是這些方法做的確實同一件事情);

2、原型模式:其不能初始化參數,以及它的共享性對與一些引用類型所造成的影響(比如數組);

?

轉載于:https://www.cnblogs.com/GreenLeaves/p/5847653.html

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

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

相關文章

stand up meeting 12/11/2015

part組員今日工作工作耗時/h明日計劃工作耗時/hUI馮曉云完成單詞釋義熱度排序;允許用戶自主添加釋義;完成了button位置的修正(finally)和彈窗的美化; 6try the backup plan 6PDF Reader朱玉影 完成了pdf文件的打…

ssrf漏洞內網滲透_滲透技巧之SSRF

SSRF——服務端請求偽造,上一篇,我談到了CSRF客戶端請求偽造,這個是我們通過攻擊用戶,引誘客戶點擊我們偽造好的表單,從而達到我們攻擊的目的,是從客戶端發起的,那么SSRF服務端請求偽造當然是通…

引入故意緩存

幾周前,我參加了ThoughtWorks 技術雷達研討會。 我在ThoughtWorks工作了多年,想想是否有人知道這些人在軟件開發方面的發展趨勢。 在技??巧上帶有上升箭頭的數字中,第17位被稱為“周到緩存”。 和斯科特肖一起喝酒時,我問他是什…

(小議)面向對象

什么是面向對象?如果讓我理解,只有一句話:它是一個與面向過程相對的概念,是一種進化或者升級。人們所設計的程序幾乎都是線性思維,即一步一步往下執行。對于一個沒有人機交互的簡單程序來說,這是簡單易行的…

int類型究竟占幾個字節

最近在看深入理解計算機系統這本書,上面提到了在32位機器和64機器中int類型都占用4個字節。后來,查了The C Programming language這本書,里面有一句話是這樣的:Each compiler is free to choose appropriate sizes for its own ha…

python fieldnames_csvreader.fieldnames在python中未被識別為csv reader對象的屬性

我試圖使用CSV模塊在Python中提取CSV文件的標題.CSV文件非常扁平,看起來像:This, That, The Other1, 2, 3我正在做以下事情:>讀入CSV文件并制作閱讀器對象>將讀者的迭代器推到下一行,強制它至少訪問第一行一次(來自csv模塊文檔:“如果在…

Spring Insight – Web應用程序分析

您是否正在使用Spring Framework編寫Web應用程序? 您是否曾經想過引擎蓋下發生了什么? 為什么您的應用程序響應如此緩慢? 在您仍然等待應用程序響應的同時,為什么窗外的蝸牛如此之快地消失在遠處? 您應該:)&#xff0c…

創建動態鏈接庫時設置導出函數的方法

有兩種方法1.使用模塊定義文件, 2.在要導出的函數前加上 __declspec(dllexport) 我們用VS2008新建個DLL工程,工程名為“TestDLL” 把默認的源文件后綴 .CPP改為.C(C文件) int _stdcall MyFunction(int iVariant){return 0; } 1. 使用傳統的模…

javascript的瀏覽器Bom詳解,window、location、history對象

BOM(BrowserObjectModel)也叫瀏覽器對象模型,描述與瀏覽器進行交互的方法和接口。BOM由多個對象組成, 其中代表瀏覽器窗口的Window對象是BOM的頂層對象,其他對象都是該對象的子對象。 JavaScript由三部分組成:ECMAScript,BOM&…

python右斜杠_Python中的左斜杠、右斜杠(正斜杠和反斜杠)

首先,"/"左傾斜是正斜杠,"\"右傾斜是反斜杠,可以記為:除號是正斜杠一般來說對于目錄分隔符,Unix和Web用正斜杠/,Windows用反斜杠,但是現在Windows(一)目錄中的斜杠們python讀文件需要輸入的目錄參…

重用生成的JAXB類

在本文中,我將演示如何利用– XJC擴展來重用以前從XML模式生成的類。 當其他XML架構導入XML架構并且您不想每次都生成相同的類時,這很有用。 導入的架構(Product.xsd) 以下XML模式代表有關產品的基本信息。 產品是此示例域中的常…

MySQL的Master/Slave群集安裝和配置

本文介紹MySQL的Master/Slave群集安裝和配置,版本號安裝最新的穩定版GA 5.6.19。 為了支持有限HA。我們用Master/Slave讀寫簡單孤立的集群。有限HA這是當Master不可用,數據不會丟失。但在Master寫的,必須手工處理故障。假設要支持更高的可用性…

動態申請二維數組

以下是動態申請a[m][n]的源代碼 代碼一&#xff1a; /* 編譯器&#xff1a;DEV C */ #include<stdio.h> #include<stdlib.h> int main() {int **a;int i,j,m,n;scanf("%d%d",&m,&n); a (int **)malloc(sizeof(int *)*m);for (i0;i<m; i){a[i…

判斷線段和直線相交 POJ 3304

1 // 判斷線段和直線相交 POJ 33042 // 思路&#xff1a;3 // 如果存在一條直線和所有線段相交&#xff0c;那么平移該直線一定可以經過線段上任意兩個點&#xff0c;并且和所有線段相交。4 5 #include <cstdio>6 #include <cstring>7 #include <iostream>8 …

JavaOne正在重建動力

在JavaOne上度過了一個非常忙碌的一周&#xff0c;今年的活動有很多讓人喜歡的地方。 有很多驚喜的公告&#xff0c;很多很好的內容/會議&#xff0c;并且在場地和組織上都有很多改進。 對于一直耐心等待我發表我所有演講的人們&#xff0c;我為您的延遲表示歉意……給4個演講一…

tensorflow http調用_《TensorFlow 內核剖析》筆記——系統架構

3 系統架構系統整體組成&#xff1a;Tensorflow的系統結構以C API為界&#xff0c;將整個系統分為前端和后端兩個子系統&#xff1a;前端構造計算圖后端執行計算圖&#xff0c;可再細分為&#xff1a;運行時&#xff1a;提供本地模式和分布式模式計算層&#xff1a;由kernal函數…

SGU 187.Twist and whirl - want to cheat( splay )

維護一個支持翻轉次數M的長度N的序列..最后輸出序列.1<N<130000, 1<M<2000splay裸題...-------------------------------------------------------------#include<cstdio>#include<cstring>#include<algorithm>using namespace std;const int ma…

練習一萬小時成天才

隨著暢銷書《異類》的流行&#xff0c;“練習一萬小時成天才”這個口號現在是盡人皆知。也許仍然有不少人相信那些不世出的天才必有天生的神秘能力&#xff0c;但科學家通過大量的調查研究已經達成共識&#xff0c;那就是所有頂級高手都是練出來的。不但如此&#xff0c;最近幾…

(轉)數據流圖

轉自:http://jingyan.baidu.com/article/4f34706eefdb04e387b56deb.html 數據流圖4種圖元 數據流圖的實例 轉載于:https://www.cnblogs.com/wrencai/p/5852389.html

從CLI監視OpenJDK

目前&#xff0c;我大部分時間在Java虛擬機 &#xff08;JVM&#xff09;內或周圍進行大量工作&#xff0c;大部分時間是在Linux上。 當事情變得不對勁并且我試圖確定原因時&#xff0c;我接觸了Java性能分析工具。 這些工具有兩種形式&#xff0c;一種是精美的GUI&#xff08;…