js原型和原型链

1、构造函数的原型对象,一般存放实例所需要的公共属性或方法
在这里插入图片描述

2、构造函数Handphone的prototype是该构造函数的原型对象。
Handphone.prototype(是一个对象)中有constructor属性,Handphone.prototype.constructor指向该构造函数Handphone本身。
3、
在这里插入图片描述

(car.proto : Car.prototype;)原型prototype是属于实例对象的。__proto__可以理解为一个容器,用来存放原型对象prototype。Car.prototype只是原型对象的书写方式,需要在构造函数上定义,但不属于构造函数。
例如:要访问car.name,先在构造函数中找this.name属性,如果没有,通过实例的__proto__访问Car.prototype原型对象,在原型上查找该属性
4、
在这里插入图片描述

5、原型链
在这里插入图片描述

一个构造函数的原型对象,Car.prototype中包含constructor和__proto__,其中constructor指向其构造函数本身,__proto__指向的是此原型对象的原型对象,由此层层往上查,构成原型链,原型链的顶端是Object.prototype
(Object.prototype原型对象中保存了一个toString()的方法。Object.prototype.toString.call()可用于判断数据类型)

function A(){}
A.prototype={name:'hh',age:12}
var a=new A();

function B(){}
B.prototype=a;
var b=new B();

function C(){}
C.prototype=b;

在这里插入图片描述

实例改变上层原型对象中的值,引用值可以改变,原始值不能被改变,只能复制一份改变后赋值给当前实例

原型链继承实现,Buffer为中间过渡函数:

1.函数封装写法
在这里插入图片描述

2.闭包写法

在这里插入图片描述

### JavaScript 原型JavaScript 中,每个对象都有一个与之关联的原型对象。每当创建一个新的函数,JS 引擎会为这个函数添加一个 `prototype` 属性,指向一个对象。这个 `prototype` 对象可以包含属性方法,当使用这个函数作为构造函数来创建新的对象实例时,这些实例可以继承 `prototype` 对象上的属性方法。 示例代码如下: ```javascript function Person() { } Person.prototype.name = 'John'; Person.prototype.sayName = function() { console.log(this.name); }; let person1 = new Person(); person1.sayName(); // 输出 'John' ``` 原型对象也可以通过 `constructor` 属性指向关联的构造函数,例如: ```javascript function Person() { } console.log(Person.prototype.constructor === Person); // true ``` ### JavaScript 原型链 原型链是由一些对象通过其内部的 `[[Prototype]]` 属性相互关联而形成的一条链路。这条链路用于解析属性:当读取对象的某个属性时,如果该对象自身没有此属性,则会沿着这条链向上寻找,直到找到该属性或到达链的末端。所有的实例对象都有 `__proto__` 属性,它指向的就是原型对象。每个实例对象都会有一个隐式原型属性 `__proto__`,通过 `__proto__` 指针指向创建该对象的构造函数的原型对象,并从中继承方法属性,同时原型对象也可能拥有原型,这样一层一层,最终指向 `Object.prototype`,而 `Object.prototype.__proto__ === null` [^3][^4]。 示例代码如下: ```javascript function Animal() { this.eat = function() { console.log('Eating...'); }; } function Dog() { this.bark = function() { console.log('Barking...'); }; } Dog.prototype = new Animal(); let dog = new Dog(); dog.eat(); // 输出 'Eating...' dog.bark(); // 输出 'Barking...' ``` 在上述代码中,`dog` 对象本身没有 `eat` 方法,它会通过原型链在 `Dog.prototype`(即 `Animal` 的实例)中找到 `eat` 方法。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值