js封裝的示例分析

這篇文章主要介紹了js封裝的示例分析，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

　　JS中類，實際上就是一個function，同時也是這個類的構造方法，new創建該類的實例，new出的對象有屬性有方法。js封裝方法也是一種特殊的對象。

　　類的js封裝方法

　　在構造方法中初始化實例的方法（就是在構造方法中直接編寫方法，并new實例化）是不推薦的，消耗內存（每次實例化的時候都是重復的內容，多占用一些內存，既不環保，也缺乏效率）。

　　所有實例是共有的，創建多個實例不會產生新的function，推薦在類的prototype中定義實例的方法，

　　prototype中的方法會被所有實例公用。

　　仿照js封裝類

　　(function(){

　　//

　　})();

　　varId=function(i){

　　this.id=document.getElementById(i);

　　};

　　window.$=function(i){

　　returnnewId(i);

　　};

　　console.log($('main'));

　　functionCat(name,color){

　　this.name=name;

　　this.color=color;

　　}

　　varcat1=newCat('大毛','黃色');

　　varcat2=newCat('二毛','黑色');

　　Cat.prototype.a='aaa';

　　Cat.prototype.type='貓科動物';

　　Cat.prototype.eat=function(){

　　alert('吃老鼠');

　　};

　　cat1.eat();

　　cat2.eat();

　　console.log(cat1.name);

　　console.log(cat2.color);

　　//cat1和cat2會自動含有一個constructor屬性，指向它們的構造函數。

　　console.log(cat1.constructor==Cat);

　　console.log(cat2.constructor==Cat);

　　//Javascript還提供了一個instanceof運算符，驗證原型對象與實例對象之間的關系。

　　console.log(cat1instanceofCat);

　　try{

　　console.log(ainstanceofCat);

　　}catch(e){

　　console.log(e);

　　}

　　所謂"構造函數"，其實就是一個普通函數，但是內部使用了this變量。對構造函數使用new運算符，就能生成實例，并且this變量會綁定在實例對象上。

　　Javascript規定，每一個構造函數都有一個prototype屬性，指向另一個對象。這個對象的所有屬性和方法，都會被構造函數的實例繼承。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“js封裝的示例分析”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!