js中的原型链

系统管理员 2022-12-04 01:04 122阅读 0赞

原型链(隐式原型链)：访问一个对象的属性时，先在自身属性中查找，找到返回，如果没有，在沿着\_\_proto\_\_向上查找，找到就返回，如果最后没找到就返回undefined  
函数的显示原型指向的对象默认是空的Object实例对象（但Object不满足）  
所有的函数都是Function的实例（包含Function)，实例的隐式原型属性指向构造函数的显示原型属性。  
Object的原型对象时原型链尽头  
读取对象属性时，会自动到原型链中查找  
设置对象的属性值时，不会查找原型链，如果当前对象没有此属性，直接添加属性并设置值。  
方法一般定义在原型中，属性一般通过构造函数定义在对象本身上

function Fn(){
    	this.test1 = function(){
    		console.log('test1');
    	}
    }
    Fn.prototype.test2 = function(){
    	console.log('test2');
    }
    Fn.prototype.a = 12;
    var fn = new Fn();
    var fn1 = new Fn();
    fn.test1();
    fn.test2();
    console.log(fn.toString());
    console.log(fn.a);
    //fn.test3();//报错
    fn1.a=15;
    console.log(fn.a);//12
    console.log(fn1.a);//15
    console.log(Fn.prototype instanceof Object);//true
    console.log(Object.prototype instanceof Object);//false
    console.log(Function.prototype instanceof Object);//true
    console.log(Function.__proto__===Function.prototype);//true
    console.log(Object.prototype.__proto__);//null

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjA0OTI0_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ0NjA0OTI0_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/2376239e0929459fa2dafdabb848d460.png

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的原型链和原型链继承

先用一张图来解释一下原型链的结构： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

分手后的思念是犯贱/ 2023年06月30日 05:23/ 0 赞/ 38 阅读

相关 js中的原型与原型链

一、什么是原型原型：每一个javascript对象(除null外)创建的时候，都会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。

本是古典何须时尚/ 2023年01月02日 04:23/ 0 赞/ 199 阅读

相关 js中原型和原型链

1.创建一个没有原型的对象： <!DOCTYPE html> <html lang="en"> <head> <met

客官°小女子只卖身不卖艺/ 2022年12月08日 12:52/ 0 赞/ 187 阅读

相关 js中的原型链

原型链(隐式原型链)：访问一个对象的属性时，先在自身属性中查找，找到返回，如果没有，在沿着\_\_proto\_\_向上查找，找到就返回，如果最后没找到就返回undefined

系统管理员/ 2022年12月04日 01:04/ 0 赞/ 123 阅读

相关 js原型、原型链

原型，原型链(类似于继承) prototype person.prototype.name = "sds"; person.prototype 类似于p

太过爱你忘了你带给我的痛/ 2022年11月29日 00:48/ 0 赞/ 219 阅读

相关 JS中的原型与原型链

JS中的原型可以类比于Java中的父类。在Java中实现继承有接口继承与实现继承两种方式，接口继承只继承方法签名，而实现继承则继承实际的方法。由于JS中的函数没有签名，

左手的ㄟ右手/ 2022年10月01日 07:56/ 0 赞/ 182 阅读

相关 JS-原型、原型链

原型对象也是普通的对象，是对象一个自带隐式的 __proto__ 属性，原型也有可能有自己的原型，如果一个原型对象的原型不为null的话，我们就称之为原

绝地灬酷狼/ 2022年07月15日 09:49/ 0 赞/ 326 阅读

相关《JS中的原型与原型链》

原型与原型链：简单的说就是一个公用属性，将各数据类型都有的函数和方法放到一个地方去，然后想用的时候就从哪个地方拿，这样可以节省内存。 var o1 = new

- 日理万妓/ 2022年03月01日 11:44/ 0 赞/ 311 阅读

相关 Js 原型，原型链

原型，原型链原型：在JavaScript中原型是一个prototype对象，用于表示类型之间的关系。原型链：JavaScript万物都是对象，对象和对象之间

╰半橙微兮°/ 2021年11月10日 06:44/ 0 赞/ 511 阅读

相关 JS 原型原型链

1.创建对象的几种方式 1）字面量形式 (new Object()不是字面量因为o1,o11产生的结果是一样的所以归为一类) var o1={nam

太过爱你忘了你带给我的痛/ 2021年08月27日 17:08/ 0 赞/ 547 阅读