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