標籤:style blog io ar color sp java div on
我們都知道javascript因為具有了繼承以及變數等等一系列的特性之後才被人們認為具有一門程式設計語言的資格,在後續的不斷髮展中,js在原生的基礎上擴充了基於jquery等等的庫,甚至衍生了像node.js一樣的擴充語言,在最後上隨著快速化,工程化,以及一些業務開發的需要,經過不斷的完善,最後變成了一種angular的架構,這就是簡單的js的發展曆史,但是今天我們的重點不在於講述js發展的曆史,而注重在於分析其中原生態js的一些特性,諸如prototype。
譯過來就是原型的意思,那麼什麼是原型呢?顧名思義,原型就是一個事物或者語言最開始,最原始的基礎之處,然後在其的基礎之上進行擴充和發展衍生,這就是原型的字面意思,但是事實上原型的概念也正是在這個意思。它主要告訴了我們js本身最為原生的一些特性,以及他的擴充,下面我就用一個代碼案例來簡述什麼是原型。
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body><script> function show(){ var i = 0; } var obj = new show();// console.log(obj);//----------------------------------------------------- // 構造一個動物 function animal(){ this.age = 20; this.move =function(){} } // 構造一個貓 function cat(){ this.move = function(){ console.log("腳"); } } // 實現貓繼承動物 cat.prototype = new animal(); // 建立一個貓對象 var cat1 = new cat(); console.log(cat1); cat1.move();</script></body></html>
我們通過這個例子就可以簡單的瞭解我們js的原型思想,在例子中的貓,其實就是我們原生對象的一個原型,在經過一系列的繼承以及發展之後,成了我們新的事物,這就是一個簡單的js原型的列子。
js原型解析