<script>
function Cat(name, color) {
  this.name = name;
  this.color = color;
  this.type = "貓科動(dòng)物";
  this.eat = function () {
    alert("吃老鼠");
  };
  }


//生成實(shí)例：
var cat1 = new Cat("大毛", "黃色");
var cat2 = new Cat("二毛", "黑色");
alert(cat1.type);     // 貓科動(dòng)物
cat1.eat();    // 吃老鼠 

alert(cat1.eat == cat2.eat); //false
</script>

那就是對(duì)于每一個(gè)實(shí)例對(duì)象，type屬性和eat()方法都是一模一樣的內(nèi)容，每一次生成一個(gè)實(shí)例，都必須為重復(fù)的內(nèi)容，多占用一些內(nèi)存。這樣既不環(huán)保，也缺乏效率。

//----Prototype模式

Javascript規(guī)定，每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性，指向另一個(gè)對(duì)象。這個(gè)對(duì)象的所有屬性和方法，都會(huì)被構(gòu)造函數(shù)的實(shí)例繼承。

這意味著，我們可以把那些不變的屬性和方法，直接定義在prototype對(duì)象上。

<script>
function Cat(name, color) {
  this.name = name;
  this.color = color;
  }


Cat.prototype.type = "貓科動(dòng)物";
Cat.prototype.eat = function () {
  alert("吃老鼠")
};


//生成實(shí)例。
var cat1 = new Cat("大毛", "黃色");
var cat2 = new Cat("二毛", "黑色");
alert(cat1.type); // 貓科動(dòng)物
cat1.eat();// 吃老鼠


alert(cat1.eat == cat2.eat);//trueF
</script>

這時(shí)所有實(shí)例的type屬性和eat()方法，其實(shí)都是一個(gè)內(nèi)存地址，指向prototype對(duì)象，因此就提高了運(yùn)行效率。

以上這篇JS構(gòu)造函數(shù)與原型prototype的區(qū)別介紹就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: