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

本文深入探讨了JavaScript中函数的prototype属性及其在构造对象、共享属性和方法方面的应用。通过示例展示了如何动态扩展原型,并说明了对象如何掩盖原型属性和方法,但仅对其自身有效。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    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>

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

持续更新中......

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值