构造函数--原型

2022-07-26 21:34:03 阅读：108 来源： 互联网

标签：console name -- nicoz Person 原型 prototype 构造函数

使用构造函数构造对象时，我们可以将一些共有的属性或方法放在prototype中，从而达到节省内存的作用

new对象时发生了什么?

新建一个空对象
空对象.__proto__=构造函数.prototype
this指向空对象
根据上下文绑带赋值，将对象属性都放入空对象中
return这个对象

一般用法举例

　　function Person(name){
      this.name=name
      this.age=18
    }
    var nicoz=new Person('nicoz')
    Person.prototype.sayHi=function(){
      console.log('Hi~')
    }
    console.log(nicoz)
    nicoz.sayHi()

注意点1：构造函数如果返回的不是对象，会忽略掉return的东西，而返回默认返回的对象

　　function Person(name){
      this.name=name
      this.age=18
      return name
    }
    var nicoz=new Person('nicoz')
    console.log(nicoz)

注意点2：构造函数如果返回了其他对象，那么此时返回对象.__proto__不再等于构造函数.prototype，此时再去调用prototype上的方法会报错

　　function Person(name){
      this.name=name
      this.age=18
      return {name:name}
    }
    var nicoz=new Person('nicoz')
    console.log(nicoz)
    Person.prototype.sayHi=function(){
      console.log('Hi~')
    }
    console.log(nicoz.__proto__==Person.prototype)
    nicoz.sayHi()

标签：console,name,--,nicoz,Person,原型,prototype,构造函数
来源： https://www.cnblogs.com/nicoz/p/16522707.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

构造函数--原型