JS 向构造函数原型添加方法

DiJunXJ

于 2020-06-28 15:04:31 发布

阅读量1.5k

点赞数

本文链接：https://blog.youkuaiyun.com/DiJunXJ/article/details/104520926

版权

本文探讨了如何在JavaScript中向构造函数的原型添加方法，以便为实例对象共享这些方法。通过这种方式，可以有效地利用内存并提高代码复用。我们将学习如何直接操作原型对象或使用`prototype`属性来添加新方法。

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

<script type="text/javascript">
   /*
    * 创建一个Person构造函数
    *  - 在Person构造函数中，为每一个对象都添加了一个sayName方法，
    *   构造函数每执行一次就会创建一个新的sayName方法
    */
   function Person(name , age , gender){
    this.name = name;
    this.age = age;
    this.gender = gender;
    //向对象中添加一个方法
    //this.sayName = fun;
   }
   
   //将sayName方法在全局作用域中定义
   /*
    * 将函数定义在全局作用域，污染了全局作用域的命名空间
    *
    */
   /*function fun(){
    alert("Hello大家好，我是:"+this.name);
   };*/
   
   //向原型中添加sayName方法
   Person.prototype.sayName = function(){
    alert("Hello大家好，我是:"+this.name);
   };
   
   //创建一个Person的实例
   var per = new Person("孙悟空",18,"男");
   var per2 = new Person("猪八戒",28,"男");
   per.sayName();
   per2.sayName();
   
   //console.log(per.sayName == per2.sayName);
   
   
  </script>