[計算機]css選擇器筆記(編輯修改稿)
2025-09-19 16:03 本頁面
【文章內(nèi)容簡介】 cat2 = {}?！ ?= 二毛。 = 黑色。 好了，這就是最簡單的封裝了。但是，這樣的寫法有兩個缺點，一是如果多生成幾個實例，寫起來就非常麻煩；二是實例與原型之間，沒有任何辦法，可以看 出有什么聯(lián)系。2. 原始模式的改進我們可以寫一個函數(shù)，解決代碼重復(fù)的問題?！ unction Cat(name,color){ return { name:name, color:color } } 然后生成實例對象，就等于是在調(diào)用函數(shù)： var cat1 = Cat(大毛,黃色)?！ ar cat2 = Cat(二毛,黑色)。這種方法的問題依然是，cat1和cat2之間沒有內(nèi)在的聯(lián)系，不能反映出它們是同一個原型對象的實例。3. 構(gòu)造函數(shù)模式為了解決從原型對象生成實例的問題，Javascript提供了一個構(gòu)造函數(shù)（Constructor）模式。所謂構(gòu)造函數(shù)，其實就是一個普通函數(shù)，但是內(nèi)部使用了this 變量。對構(gòu)造函數(shù)使用new運算符，就能生成實例，并且this變量會綁定在實例對象上。 比如，貓的原型對象現(xiàn)在可以這樣寫， function Cat(name,color){ =name?！ ?color?！ 我們現(xiàn)在就可以生成實例對象了?！ ar cat1 = new Cat(大毛,黃色)。 var cat2 = new Cat(二毛,黑色)?！ lert()。 // 大毛 alert()。 // 黃色這時cat1和cat2會自動含有一個constructor屬性，指向它們的構(gòu)造函數(shù)?！ lert( == Cat)。 //true alert( == Cat)。 //trueJavascript還提供了一個instanceof運算符，驗證原型對象與實例對象之間的關(guān)系?！ lert(cat1 instanceof Cat)。 //true alert(cat2 instanceof Cat)。 //true 4. 構(gòu)造函數(shù)模式的問題構(gòu)造函數(shù)方法很好用，但是存在一個浪費內(nèi)存的問題。請看，我們現(xiàn)在為Cat對象添加一個不變的屬性type（種類），再添加一個方法eat（吃老鼠）。那么，原型對象Cat就變成了下面這樣： function Cat(name,color){ = name?！ ?= color。 = 貓科動物?！ ?= function(){alert(吃老鼠)。}?！ 還是采用同樣的方法，生成實例： var cat1 = new Cat(大毛,黃色)?！ ar cat2 = new Cat (二毛,黑色)?！ lert()。 // 貓科動物 ()。 // 吃老鼠 表面上好像沒什么問題，但是實際上這樣做，有一個很大的弊端。那就是對于每一個實例對象，type屬性和eat()方法都是一模一樣的內(nèi)容，每一次 生成一個實例，都必須為重復(fù)的內(nèi)容，多占用一些內(nèi)存。這樣既不環(huán)保，也缺乏效率。 alert( == )。 //false能不能讓type屬性和eat()方法在內(nèi)存中只生成一次，然后所有實例都指向那個內(nèi)存地址呢？回答是可以的。 5. Prototype模式 Javascript規(guī)定，每一個構(gòu)造函數(shù)都有一個prototype屬性，指向另一個對象。這個對象的所有屬性和方法，都會被構(gòu)造函數(shù)的實例繼 承。這意味著，我們可以把那些不變的屬性和方法，直接定義在prototype對象上。 function Cat(name,color){ = name。 = color?！ = 貓科動物?！ ?= function(){alert(吃老鼠)}。 然后，生成實例?！ ar cat1 = new Cat(大毛,黃色)?！ ar cat2 = new Cat(二毛,黑色)?！ lert()。 // 貓科動物 ()。 // 吃老鼠這時所有實例的type屬性和eat()方法，其實都是一個內(nèi)存地址，指向prototype對象，因此就提高了運行效率。 alert( == )。 //true 6. Prototype模式的驗證方法 isPrototypeOf() 這個方法用來判斷，某個proptotype對象和某個實例之間的關(guān)系?！ lert((cat1))。 //true alert((cat2))。 //true hasOwnProperty() 每個實例對象都有一個hasOwnProperty()方法，用來判斷某一個屬性到底是本地屬性，還是繼承自prototype對象的屬性。 alert((name))。 // true alert((type))。 // false in運算符 in運算符可以用來判斷，某個實例是否含有某個屬性，不管是不是本地屬性?！ lert(name in cat1)。 // true alert(type in cat1)。 /
物理相關(guān)推薦
鄂ICP備17016276號-1