博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Javascript 原型链
阅读量:6231 次
发布时间:2019-06-22

本文共 779 字,大约阅读时间需要 2 分钟。

先来一张图看看几个名词的关系 构造函数、原型、实例

徒手实现原型链

原谅我的狂草字体,我手写比用电脑画快。

今天我们只说原型链,所以接下来我就围绕着原型链的几个部分说起。

这个大家都很熟悉了,首字母大写的函数我们都可以作为构造函数,不是说小写的就不能new,也是可以的,暂时说成约定俗成吧!

// 构造函数        function Fn() {}        //原型对象        console.log(Fn.prototype)          //new        let fn = new Fn()         //实例        console.log(fn)

代码部分结束了,今天我们就用这4行代码描述一下上图也就是原型链的来龙去脉。

每个函数都有一个属性prototype,借用**Function.prototype** 属性存储了  的原型对象。

原型对象

验证了我草图构造函数.prototype指向原型对象

完整的log看一下

完整log
实例.__proto__也指向原型对象

从log里也能看出来

constructor指向构造函数

实例原型的constructor指向构造函数

最后再说构造函数 new关键字生成实例

手绘图说完了,我们说正题 原型链,为什么再说原型链之前先画了一个草图,为了帮助预热理解。

每一个原型对象都有一个__proto__属性,这个是我们在代码中继承的关键,也是众多面试官所问的什么是原型链

__proto__

上图可以看到,第一次__proto__找到了原型对象,第二次__proto__找到了Object实例对象,第三次null查找结束。

我们平时开发中用到了__proto__去查找链条中我们继承的方法和属性都在prototype(原型)上,所以不能在Fn.prototype = xxx操作,这样链条就会中断,只能在原型上扩展属性。

明天继续聊继承!

欢迎吐槽!

转载地址:http://ryhna.baihongyu.com/

你可能感兴趣的文章
java:类集操作总结
查看>>
Flake8学习
查看>>
SpringBoot项目eclipse运行正常maven install打包启动后报错ClassNotFoundException
查看>>
ASP.NET Core的身份认证框架IdentityServer4(9)-使用OpenID Connect添加用户认证
查看>>
[Python] String Formatting
查看>>
lapis 处理接收到的json 数据
查看>>
【spring boot logback】日志使用自定义的logback-spring.xml文件后,application.properties中关于日志的相关配置还会起作用么...
查看>>
Ad Hoc Distributed Queries的启用与关闭
查看>>
java工具类POI导出word
查看>>
openwrt使用list
查看>>
shell语言
查看>>
C++动态分配内存
查看>>
Android Studio工程Gradle编译报错
查看>>
桌面小部件开发
查看>>
Unity3d dll 热更新 基础框架
查看>>
spring boot整合mybatis+mybatis-plus
查看>>
深度学习利器:TensorFlow在智能终端中的应用——智能边缘计算,云端生成模型给移动端下载,然后用该模型进行预测...
查看>>
如何查看表和索引的统计信息
查看>>
word文档的动态添加数据
查看>>
模仿ReentrantLock类自定义锁
查看>>