ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【面试1】构造函数、原型、原型链、new

2022-02-09 22:33:29  阅读:135  来源: 互联网

标签:__ proto 对象 原型 new prototype 构造函数


1、什么是构造函数?
如果一个函数被设计出来,是用于通过new关键字创建对象的,它就是一个构造函数。
如下:

function Father(name,age){
	this.name = name;
	this.age = age;
}

构造函数有如下特征:
(1)、首字母大写
(2)、构造函数应该使用new来调用
(3)、构造函数调用后,会返回一个对象
(4)、构造函数的返回值

  • 若返回的值是一个数字、字符串、布尔,直接忽略,就当看不见。
  • 若返回的值是一个对象,则使用返回的对象

(5)、构造函数中的this

  • 当你在构造函数中使用this,它指代的是被新建的对象

2、如何通过构造函数创建一个对象?
通过new,该过程也叫做实例化,如下:

const let = new Father('jhony',34);

3、new一个对象的过程发生了什么?

  1. 内存中创建一个新的对象{}
  2. 将新对象的_proto_(chorme已经改为了[[Prototype]])指向构造函数的prototype
  3. 将this绑定到新对象上fn.apply(obj,this)
  4. 给新对象添加属性
  5. 如果构造函数返回非空对象,则返回该对象;否则,返回刚创建的新对象

[[prototype]]属性是隐藏的,不过目前大部分新浏览器实现方式是使用__proto__来表示。构造函数的prototype 属性我们是可以显式访问的。

4、什么是原型?
Father.prototype 就是原型,它是一个对象,我们也称它为原型对象。
原型可以共享方法,原型中的this指向实例。
例如Father.protoype.getAge可以共享一个方法,不会开辟独立的空间

5、原型、构造函数、实例的关系?
在这里插入图片描述
Object.prototype的隐式原型,即Object.prototype._proto_最终指向null
几条公式:

Object.__proto__ === Function.prototype;
Function.prototype.__proto__ === Object.prototype;
Object.prototype.__proto__ === null;

俺已经开始头晕了 o(╥﹏╥)o
参考链接:https://juejin.cn/post/6844903782229213197#heading-6

6、什么是原型链?
对象可以根据__proto__属性去寻找方法,直到找到了或者找到顶层为止,这个找的过程所依赖的__proto__就叫做原型链(噗- - 自己的口水话翻译)

7、类?
类是一种语法糖,构造函数的另一种写法而已

未完待续,今天的头已经昏了,改天补充。。。。

标签:__,proto,对象,原型,new,prototype,构造函数
来源: https://blog.csdn.net/TanMengyi/article/details/122849818

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

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有