《悟透JavaScript》学习札记九之初看原型

来源:互联网 发布:神经网络算法结果 编辑:程序博客网 时间:2024/05/01 19:27

    JavaScript的所有function类型的对象都有一个prototype属性。这个属性本身又是一个object类型的对象,可以给其添加任意的属性和方法。既然prototype是对象的“原型”,那么由该函数构造出来的对象都会有这个“原型”的特性。也可以这么说,prototype提供了一群同类对象共享属性和方法的机制。

    示例代码:

<script type="text/javascript">
   function Person(name)
   {
    this.name = name;
   };
   Person.prototype.SayHello = function() // 给Person函数的prototype添加SayHello方法
   {
    alert("Hello, I'm " + this.name);
   };
   var Kevin = new Person("Kevin");
   var Mike = new Person("Mike");
   Kevin.SayHello();
   Mike.SayHello();
   alert(Kevin.SayHello == Mike.SayHello); // true
  </script>

********************************************************************************************

<script type="text/javascript">
   function Person(name)
   {
    this.name = name;
   };
   Person.prototype.company = "Microsoft"; // 原型属性
   Person.prototype.SayHello = function() // 原型方法
   {
    alert("Hello, I'm " + this.name + " of " + this.company);
   };
   var Kevin = new Person("Kevin");
   Kevin.SayHello(); // output: Hello, I'm Kevin of Microsoft

   var Mike = new Person("Mike");
   Mike.company = "Apple";
   Mike.SayHello = function()
   {
    alert("Haha, I'm " + this.name + " of " + this.company);
   };
   alert(Kevin.SayHello == Mike.SayHello); // false;
   Mike.SayHello(); // output: Haha, I'm Mike of Apple
   Kevin.SayHello(); // output: Hello, I'm Kevin of Microsoft !!! Not change
  </script>

对象可以掩盖原型对象的属性和方法。但只对自身产生效果,而不会改变原型。另外,还可以随时动态扩展原型!

持续更新中......

原创粉丝点击