JS完整版原型链剖析之最基本的原型链

最新推荐文章于 2024-07-21 20:02:55 发布
最新推荐文章于 2024-07-21 20:02:55 发布
阅读量159 收藏
点赞数
文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/panda_xm/article/details/108150341
版权

1. __proto__属性

通过new 构造函数得到一个实例对象，而JS中每个对象身上都有一个属性**proto**,该属性值指向该对象的对象原型上

2. constructor属性

对象的对象原型上有一个constructor属性用来指向对应的构造函数

3. prototype属性

JS中每个构造函数身上都有一个属性prototype，用来指向构造函数的原型对象。对于同一个构造函数他的多个实例对象都指向同一个对象原型，也就是该构造函数的原型对象，(这里的名词可能有点绕，记住构造函数的prototype属性和该构造函数的实例对象的__proto__属性是指向同一个对象)

4. 最基本的原型链

构造函数通过new来创建实例化对象，实例化对象通过__proto__属性执行原型，当然一个构造函数也可以实例化多个对象，但都是指向同一个原型。构造函数和原型分别通过prototype属性和constructor属性来相互的指向，形成了最基本的原型链.但同时也引发了我们的一系列思考，要知道js世界中，万物皆对象，就连数字也是一个包装类型的对象，所以构造函数和原型也都是对象，那么问题来了，他们的__proto__属性又指向谁呢？

在这里插入图片描述

关注笨笨的熊

panda_xm
关注
javascript面试题目，undefind,null,原型链，this,new,原型，整数，NaN,事件，跨域
VAN
03-07 27
已在作用域中声明但还没有赋值的变量，是 undefined 的。相反，还没有在作用域中声明过的变量，是 undeclared 的。对于 undeclared 变量的引用，浏览器会报引用错误，如 ReferenceError: b is not defined。但是我们可以使用 typeof 的安全防范机制来避免报错，因为对于 undeclared（或者 not defined ）变量，typeof 会返回 “undefined”。
Kibana未授权访问漏洞记录（CVE-2019-7609，Kibana的RCE，原型链污染，端口:5601）
墨痕诉清风的博客
11-12 5257
漏洞描述 Kibana 为 Elassticsearch 设计的一款开源的视图工具。其5.6.15到6.6.1之间的版本中存在一处原型链污染漏洞，利用这个漏洞我们可以在目标服务器上执行任意JavaScript代码。 漏洞复现 环境启动后，访问 http://your-ip:5601 即可看到Kibana页面。 原型链污染发生在“Timeline”页面，我们填入如下Payload： 创建文件 .es(*).props(label.__proto__.env.AAAA='require("chil
JavaScript原型链简单图解
11-03
JavaSciptDOM基本操作,JavaScipt函数基础,JavaScipt流程语句,JavaScript变量,JavaScript数据类型,JavaScript数组,JavaScript正则表达式,JavaScript字符串函数,Window对象等图解。JS高手进阶的工具图谱
JS完整版原型链剖析之完整版
panda_xm的博客
08-22 210
争对上两篇遗留的问题构造函数和Object构造函数__proto__属性执行的问题，我们可以分析出最终他们的原型链(即对象原型的对象原型)最后肯定会执行null不然就会一直指向下去 最终版原型链 构造函数和Object构造函数指向的同一个原型对象（Function构造函数的原型对象），而这个原型对象的__proto__属性指向的Object的原型对象上，而Object的原型对象的__proto__指向的是null，而Function函数的__proto__属性和prototype属性指向的是同一个原型对象
JS 原型与原型链图解：彻底搞懂的终极指南
最新发布
~~~
07-21 2415
在JavaScript中，原型和原型链是非常重要的知识点，只有理解了它们，才能更好地理解js。《javascript高级程序设计》中对原型的描述：每个函数都会创建一个 prototype 属性，这个属性是一个对象，包含应该由特定引用类型的实例共享的属性和方法。实际上，这个对象就是通过调用构造函数创建的对象的原型。使用原型对象的好处是，在它上面定义的属性和方法可以被对象实例共享。简单来讲，原型就是一个对象，可以实现对象的属性和方法的继承。
JS原型链图
MOONCOM的博客
11-28 487
原型链构析 对于每个对象，其自身创建成功后都有一个属性——__proto__，该属性表示一种关系，指向该对象构造器的原型，下面代码表示出 var demo=new Person("name",age); 的生成过程。 var demo={}; demo.__proto__=Person.prototype; Person.call(demo,"name",age); 对于构造器 fu
js原型链图
qq_40285497的博客
06-05 570
首先，介绍一个详细博客：https://www.jianshu.com/p/a4e1e7b6f4f8；大家可以看看，写的很好；总结下自己的所得和不解。以下几条要记住，1. js中一切皆对象，分为函数对象和普通对象两类。2. 函数对象的构造函数都是Function,普通对象的构造函数都是Object。3. 实例的__proto__和构造函数的prototype永远相等。（重写原型时construct...
js的原型链图解
m0_73737249的博客
11-28 374
原型链图解
原型继承面试题精讲完整版
06-19
原型继承面试题精讲完整版 在面向对象编程中，继承是一种非常重要的概念，它允许我们创建一个新的对象，同时继承已有的对象的属性和方法。在 JavaScript 中，我们可以使用原型继承来实现对象的继承。 在给定的代码...
前端开发 JavaScript 权威指南 完整版
04-08
通过阅读“前端开发 JavaScript 权威指南 完整版”，开发者不仅可以系统学习JavaScript的基本概念和技术，还能进一步掌握在实际项目中应用这些知识的技巧，提升自己的前端开发能力。这本书可能是你成为JavaScript...
vue 原型挂载的方法怎么调用_每天学点Vue源码之vm.$mount挂载函数
weixin_32526561的博客
02-05 795
在vue实例中，通过$mount()实现实例的挂载，下面来分析一下$mount()函数都实现了什么功能。$mount函数执行位置_init这个私有方法是在执行initMixin时候绑定到Vue原型上的。$mount函数是如如何把组件挂在到指定元素$mount函数定义位置$mount函数定义位置有两个:第一个是在src/platforms/web/runtime/index.js这里的$mount是...
图解 js 原型链
imxiezy的博客
08-16 686
前言 想要理解好js的继承，需要理解原型链，这是JavaScript的基础的重点。看了很多资料都是文字描述，原型关系描述的不够形象，在此基于自己的理解及参考网上的资料写下这篇文章。这里仅写下一点浅见，不足之处欢迎拍砖。 原型对象 js对象都有一个prototype对象属性，我们可以在这个原型对象上，添加方法、属性。 function Person(name) { this.name = name; } Person.prototype.say = function (params) { c
JS原型链详细图解
Essentric_
04-29 3022
__proto__ 和 prototype 的关系：__proto__ 是每个对象都有的属性；prototype是构造函数的属性；他们指向的是同一个对象。例如：function F(){};var f = new F();f.__proto__ === F.prototype  //true...
js原型链(详细图解)
weixin_43990363的博客
09-02 1465
原型链 原型链就是构造函数，原型对象，和实例的关系 概念 每个构造函数都有一个指向该构造函数的原型对象(prototype) 每个构造函数的原型对象都有一个指向构造函数的指针(constructor) 每个原型内部都有一个指向其构造函数的原型对象的指针(__ proto __) 三者的关系图是这个样子的 这里多说一下为什么在图的右上角会多出来以一个 __ proto __ ，因为原型对象也...
JS原型链 原型 图详解
m0_56598099的博客
04-18 310
JavaScript JS原型链 图详解 - 显示原型和隐式原型 每个函数（function）都有prototype，即显示原型，指向原型对象，默认为空Object实例，Object原型除外。相当于在创建时，执行了 this.prototype={} 每个实例对象（instance）有__proto__，即隐式原型，指向类的原型对象，相当于在创建对象时，执行了 this.__proto__=类.prototype 原型对象中有一个属性constructor构造器，指向函数对象。 - constr
JS原型和原型链（图解）
weixin_47906706的博客
08-28 426
图解快速理解JS原型和原型链
javascript完整原型链详细图解（构造函数，原型，实例化对象）
grbrb的博客
07-01 2542
javascript完整原型链详细图解（构造函数，原型，实例化对象） 一、首先说一下什么是构造函数： 构造函数：用来在创建对象时初始化对象。特点：构造函数名一般为大写字母开头；与new运算符一起使用来实例化对象。 举例： function Person(){} //Person构造函数 var p=new Person(); //Person构造函数创建对象,也可叫做实例化 二、什么是原型？ 原型：构造函数在创建的过程中，系统自动创建出来与构造函数相关联的一个空的对象。
JS中的原型和原型链（图解）
热门推荐
qq_36996271的博客
09-09 5万+
JS中的原型和原型链 讲原型的时候，我们应该先要记住以下几个要点，这几个要点是理解原型的关键： 1、所有的引用类型（数组、函数、对象）可以自由扩展属性（除null以外）。 2、所有的引用类型都有一个’_ _ proto_ _’属性(也叫隐式原型，它是一个普通的对象)。 3、所有的函数都有一个’prototype’属性(这也叫显式原型，它也是一个普通的对象)。 ...
JS原型链
阿渊博客
05-26 626
关于原型链的个人领悟
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值