原型和继承

原型是什么

简而言之 原型是函数的一个对象属性 创建一个函数的时候 会默认添加一个Prototype属性

我们接下来简单的实现一下

function test(name) {

this.name = name

}

console.dir(test);

console.log(test.prototype);

上述代码已经得到证实了

// prototype (原型 原型对象)

// 1 是函数的一个属性

// 2 是个对象

// 3 创建函数的时候会默认添加Prototype属性

__proto__又是什么呢

// proto 隐式原型

// 对象的属性

// 1 对象的一个属性

// 2 指向构造函数的prototype

接下来我们来证实一下这几句话

var obj = new test('小明')

console.log(obj.proto);

console.log(obj.proto === test.prototype);

证明完成

test.prototype也是一个对象 他也应该有__proto__ ,他指向的Object.prototype

也就是

console.log(test.prototype.proto === Object.prototype); //true

那么原型链是什么 ?

// 所谓的原型链就是

// obj {

// proto:test.prototype={

// proto:Object.prototype={

// proto:null

// }

// }

// }

并且给test.prototype中一个属性c 可以在obj中访问到 给Object.prototype一个属性 也可以在obj中访问到

继承是什么

// 继承方法

const parent = {

value: 2,

method() {

console.log(this);

return this.value + 1

}

}

console.log(parent.method());//3 不难理解

const child = {

proto: parent,

}

console.log(child.method());//3 this 指向child 但是属性中没有value 在原型链上查找 最后找到原型的value

child.value = 4

console.log(child.method());//child有value属性了 发生属性遮蔽

相关推荐
企业解惑小能手-域智盾系统2 分钟前
内网监控软件策略不生效、日志缺失?一套从现象到根因的排查框架
开发语言·php·域智盾
1024奇点6 分钟前
【仓颉语言入门 · 第二篇 第 10 课】
开发语言·数据库·ide·mysql·开源
布莱克60511 分钟前
A* 算法详解:从原理到实现
开发语言·c++·算法
多弗朗皮卡丘11 分钟前
C++ 智能指针
开发语言·c++·c++11·智能指针
数据狐(Datafox)14 分钟前
一文读懂京东商品详情API:返回字段解读与 JSON 样例
java·开发语言·数据库·windows·json
CoovallyAIHub23 分钟前
用 AI 做 PPT 被辞退,法院判公司赔:员工贴进对话框的数据,到底谁负责?
前端·agent
小成2023032026533 分钟前
C++~02运算符重载
开发语言·c++
emfuture42 分钟前
龙芯2K300 PLC 在拉丝机收线系统改造中的应用:硬件选型、张力控制与国产化替代实践
java·开发语言·智能制造·plc·国产化替代
fruge44 分钟前
SSH、RDP、VNC不必各开一个客户端:Next Terminal用Web入口统一管理远程资产和会话记录
运维·前端·ssh
geovindu1 小时前
rust: Mediator Pattern
开发语言·后端·设计模式·rust·中介者模式·行为模式