javascript的构造函数, 原型,原型链和new你了解多少

 更新时间:2022年02月10日 10:38:07   作者:是梦梦啊  
这篇文章主要为大家详细介绍了javascript的构造函数, 原型,原型链和new,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助

1、什么是构造函数?

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

如下:

function Father(name,age){this.name = name;this.age = age;}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一个对象的过程发生了什么?

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

[[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;

6、什么是原型链?

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

7、类?

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

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!      

相关文章

  • JavaScript函数中上下文有哪些规则

    JavaScript函数中上下文有哪些规则

    上下文是从英文context翻译过来,指的是一种环境。在软件工程中,上下文是一种属性的有序序列,它们为驻留在环境内的对象定义环境。在对象的激活过程中创建上下文,对象被配置为要求某些自动服务。又比如计算机技术中,相对于进程而言,上下文就是进程执行时的环境
    2021-10-10
  • javascript cookie基础应用之记录用户名的方法

    javascript cookie基础应用之记录用户名的方法

    这篇文章主要介绍了javascript cookie基础应用之记录用户名的方法,涉及javascript基于cookie针对数据存储的简单应用,需要的朋友可以参考下
    2016-09-09
  • JavaScript显式数据类型转换详解

    JavaScript显式数据类型转换详解

    这篇文章主要介绍了JavaScript显式数据类型转换,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • JavaScript 详解缓动动画的封装与使用

    JavaScript 详解缓动动画的封装与使用

    缓动动画原理:移动的像素慢慢减少,让效果看起来更柔和更美观,通过定时器加回调函数,实现动画效果以及更多具体功能,非常好用
    2021-11-11
  • javascript 学习笔记(四) 倒计时程序代码

    javascript 学习笔记(四) 倒计时程序代码

    javascript 学习笔记(四) 倒计时程序代码,需要的朋友可以参考下。
    2011-04-04
  • JavaScript中的6种运算符总结

    JavaScript中的6种运算符总结

    这篇文章主要介绍了JavaScript中的6种运算符总结,本文总结了算术运算符、赋值运算符、比较运算符、三元运算符、逻辑运算符、字符串连接运算符等,需要的朋友可以参考下
    2014-10-10
  • JavaScript中setFullYear()方法的使用详解

    JavaScript中setFullYear()方法的使用详解

    这篇文章主要介绍了JavaScript中setFullYear()方法的使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下
    2015-06-06
  • js异常捕获方法介绍

    js异常捕获方法介绍

    本篇文章小编为大家介绍一下关于js的异常捕获,有需要的朋友可以参考一下
    2013-04-04
  • 为JS扩展Array.prototype.indexOf引发的问题及解决办法

    为JS扩展Array.prototype.indexOf引发的问题及解决办法

    这篇文章主要介绍了为JS扩展Array.prototype.indexOf引发的问题及解决办法,需要的朋友可以参考下
    2015-01-01
  • Document对象内容集合(比较全)

    Document对象内容集合(比较全)

    这个是脚本之家从网上收集的比较全的Document对象内容集合,Document对象是js编写中经常用到的对象。了解它方便以后的学习。
    2010-09-09

最新评论