前端小知识点(10)：原型链

原型链 :

代码1

运行结果1

代码二

运行结果2

原型链 :

每一个对象都有一个原型（__proto__），这个原型还可以拥有自己的原型，形成最终的原型链。
查找一个对象特定的属性或者方法，我们先去当前对象中找，如果没有找到那就去对象的原型中查找，
如果还没有找到那就去对象的原型的原型中查找，如果都没有找到最终返回null。

函数 prototype

对象 __proto__

**注意：原型链最顶端是null
对象查找属性或者方法，找不到返回undefined

代码1

function Fun(){// this.name = '张三'}// Fun.prototype.name = '李四';var obj = new Fun();console.log( obj.__proto__.__proto__.__proto__ );console.log( obj.name );

运行结果1

代码二

function Parent(){this.name = '张三';
}function Child(){this.age = 18;}Child.prototype=new Parent();var child = new Child();console.log( child.name );

运行结果2

前端小知识点(10)：原型链相关推荐

一、翻越前端的三座大山——继承/原型链
文章目录原型专题前言什么是原型? 实例和原型的关系什么是原型链? Object 和 Function 的继承关系原型运用例子: 手写instanceof 手写call,apply 手写new ...
前端小知识点(8)：作者为什么设计原型
目录一.从古代说起二.Brendan Eich的选择三.new运算符的缺点四.prototype属性的引入五.总结六代码部分一.从古代说起要理解Javascript的设计思想,必须从它 ...
原生js绑定click为什么点一次执行两次_前端小知识10点(2020.10.8)
1.redux的compose实现例: const add = num => num + 10 const multiply = num => num * 2 const foo = c ...
前端小知识点(4)：JS 运行机制和存储
目录被忽视的内存管理 JS工作原理 JS代码如何运行 JavaScript内存的生命周期栈内存.堆内存代码案例运行结果被忽视的内存管理 JavaScript不像C.C++等语言--程序员必须 ...
前端小知识点(9)：函数和对象之间的关系
目录函数与对象之间的关系代码演示运行结果函数与对象之间的关系函数有什么 : 函数也是对象函数有:prototype 对象有什么对象:__proto__ 原型对象里面 ...
前端小知识点(6)：听了好多闭包，这次可能最懂
目录一.作用域和作用域链二.闭包三.无意间共享环境[可以通过闭包解决] 代码一结果一代码二结果二代码三结果三一.作用域和作用域链当函数声明的时候,函数会通过内部属性[scope]来 ...
前端小知识点：IP地址的FQDN查询
DNS,在基于微软的网络中称为域名系统(Domain Name System),域名有全称和简称的区别.全称的域名,直译为"完全的合格的域名"(FQDN,Fully Qualifi ...
前端小知识点(7)：正则前瞻
目录一.js中的正则表达式,只有前瞻没有后顾正向前瞻:(?=) ===>匹配符合的代码1 结果1 代码2 结果2 一.js中的正则表达式,只有前瞻没有后顾 ...
前端小知识点(3)：JavaScript 单线程
目录一.为什么 JavaScript 是单线程? 二.JavaScript是单线程,怎样执行异步的代码? 三.事件循环机制四.代码1 五.结果1 六.代码2 七.结果2 一.为什么 JavaScr ...

前端小知识点(10)：原型链

原型链 :

代码1

运行结果1

代码二

运行结果2

前端小知识点(10)：原型链相关推荐

最新文章

热门文章