关于JS原型链的直观理解

最新推荐文章于 2021-10-08 21:02:59 发布

老咕

最新推荐文章于 2021-10-08 21:02:59 发布

阅读量134

点赞数

分类专栏：原型链文章标签： js

本文链接：https://blog.csdn.net/Gu_to_sky/article/details/108747704

版权

原型链专栏收录该内容

1 篇文章 0 订阅

订阅专栏

原型链运作方式：在对象上没有找到需要的key，就继续在对象的__proto__上查找，如果还没找到就继续在对象的__proto__的__proto__上查找

所以我们可以使用toString()、valueOf()等通用功能，因为它们都在原型链顶层的Object.prototype对象上

get：

获取key的属性时，本对象没有找到key，会沿着原型向上寻找，如果找到即返回结果，如果没找到就返回undefind

set：

如果本对象有这个key，直接在本对象上设置

如果本对象没有这个key，会去原型链上寻找

如果原型链上有这个key，不是只读属性，在本对象创建一个为key的键，作为屏蔽属性

如果原型链上有这个key，是只读属性，不会发生屏蔽，严格模式下还会报错

如果原型链上有这个key，是一个setter，会调用这个setter

JS是一种面向对象的语言，不是面向类的语言，JS中没有类，只有对象

ES6中的Class，是一种对象原型的语法糖

多数情况下，obj.constructor.prototype === obj.__proto__

但是某些情况下obj并没有constructor，prototype也可能指向别处

而且constructor和prototype只是一种引用或者绑定，可以修改，所以obj.constructor和func.prototype并不完全稳定和可行

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

老咕

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

为什么说 bind 的实现非常考验对原型链的理解？

圆圆的 JavaScript 博客

10-24

1281

bind 的实现其实非常考验对原型链的理解。bind 和 apply，call 是 JS 修改 this 指向的三把利器 🔱。但看似简单的内容，实则包含了 JS 的两大核心内容：原型链和构造函数 (new) 。这篇文章分为两部分：一部分讲如何实现一个基础版本的 bind 方法，带大家做好热身运动；另一部分进入主题，详细讲解如何通过原型链来实现一个让人眼前一亮的 bind 方法。

深入理解JavaScript的循环遍历

星期一的博客

06-18

613

前言对一个循环分享的这么详细，相信看完你会有所收获。正文从这开始～在ECMAScript5（简称 ES5）中，有三种 for 循环，分别是：简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6（简称 ES6）中，新增了一种循环，是： for-of 下面我们就来看看这 4 种 for 循环。一、简单 for 循环下面先来看看大家最常见的一种写法：当数组长度在循环过程中不会改变时，我们应将数组长度用变量存储起来，这样会获得更好的效率，下面是改进的写法：二

参与评论您还未登录，请先登录后发表或查看评论

JavaScript 中哪一种循环最快呢？

程序员成长指北

04-13

1131

究竟哪一种循环更快？答案其实是：for（倒序）最让我感到惊讶的事情是，当我在本地计算机上进行测试之后，我不得不接受 for（倒序）是所有 for 循环中最快的这一事实。下面我会举个对一个包...

JavaScript几种循环速度及使用场景

qq_17767779的博客

02-22

1288

JavaScript几种循环速度及使用场景一、for(正序和倒叙)二、forEach / some三、for…of（es6）四、for…in总结一、for(正序和倒叙) const million = 1000000; const arr = Array(million); for (let i = arr.length; i > 0; i--) {} // for(倒序) :- 1.5ms for (let i = 0; i < arr.length; i++) {} // for

js中各循环执行速度

qq_38487524的博客

01-23

1930

通过以上 30 次运行测试(实际上为了得到比较稳定的数据, 摈弃了许多异常的测试数据), 我们发现在数组长度为10^6, 10^7, 10^8 时, 代码运行基本稳定. 各方法运行需要的时间大致排序如下: ? 1 for ~= do while < forEach ~= map ~= every < $.each < $(e).each <...

(转) js 的循环性能比较

baidu_36831253的博客

06-11

921

https://www.cnblogs.com/lvmh/p/6104397.html

深入浅出理解javaScript原型链

10-24

JavaScript原型链是理解JavaScript面向对象编程中的核心概念之一。它是一种机制，通过它可以共享方法和属性，从而实现代码复用和继承。本文将详细介绍原型链的概念、显式和隐式原型链、prototype和__proto__的概念...

详解js中的原型，原型对象，原型链

11-20

总结，JavaScript中的原型、原型对象和原型链是实现面向对象编程的关键机制。它们允许对象共享属性和方法，构建复杂的继承结构，并通过原型链实现属性的查找。理解这些概念对于编写高效、可维护的JavaScript代码至关...

js代码-js原型链相关

07-16

以上就是关于JavaScript原型链的主要知识点。在实际编程中，理解并熟练运用原型链是实现继承和复用代码的基础，也是解决很多问题的关键。通过阅读`main.js`文件，我们可以深入探讨具体的实现和应用。而`README.txt`...

js for循环的几种性能方式比较

weixin_43749669的博客

01-02

1773

https://blog.csdn.net/function__/article/details/79555301

JavaScript 中哪一种循环最快呢？for循环性能比较

weixin_43687353的博客

03-18

2669

在掘金看到的一篇好文章, 感谢作者, 讲解得非常清楚, 文章地址: https://juejin.cn/post/6930973929452339213 了解哪一种 for 循环或迭代器适合我们的需求，防止我们犯下一些影响应用性能的低级错误。 JavaScript 是 Web 开发领域的“常青树”。无论是 JavaScript 框架（如 Node.js、React、Angular、Vue 等），还是原生 JavaScript，都拥有非常庞大的粉丝基础。我们来谈谈现代 JavaScript 吧。循环一直是大多

JS 中八种遍历方法的执行速度

轻风细雨_林木木

01-29

807

参考：https://www.jb51.net/article/112064.htm Javascript中八种遍历方法的执行速度深度对比函数： for while(或do~while) forEach for in $.each $(selecter).each map every 执行速率： var array = [], length = array.length = 10000000;//(一千万) console.log(array[0]); //---------------------

js中几种循环方式和性能分析

wangshang1320的博客

02-20

1431

1.普通for循环 for (let i = 0; i < arr.length; i++) { let obj = arr[i]; } 优化： for (let i = 0,len = arr.length-1; i < len; i++) { let obj = arr[i]; } 2.foreach 数组方法 arr.forEach(f...

JavaScript中哪一种循环最快

我的博客

10-08

559

for (let i = arr.length; i > 0; i--) {} // for(倒序) :- 1.5ms for (let i = 0; i < arr.length; i++) {} // for(正序) :- 1.6ms arr.forEach(v => v) // foreach :- 2.1ms for (const v of arr) {} // for...of :- 11.7m

JS数组循环的性能和效率分析（for、while、forEach、map、for of）

热门推荐

郑昊川的博客

08-04

4万+

每日一问，JavaScript 中哪一种循环最快呢？

祈澈菇凉

05-27

392

了解哪一种for循环或迭代器适合我们的需求，防止我们犯下一些影响应用性能的低级错误。由 Artem Sapegin 上传至 UnsplashJavaScript 是 Web 开发领域的...

JS中的循环---最全的循环总结

gs981600308的博客

05-28

3932

在讲循环的之前，先知道一下循环结构的执行步骤　　1、声明循环变量；　　　　2、判断循环条件; 　　　　3、执行循环体操作；　　　　4、更新循环变量；　　5、然后循环执行2-4，直到条件不成立，跳出循环。 1、for-in循环 for-in 循环主要用于遍历对象　　for()中的格式：for(keys in zhangsan){} 　　keys表示ob...

JavaScript 中各种方法对数组遍历的速度比较

weixin_44785498的博客

03-18

1150

数组遍历速度循环一直是大多数编程语言的重要组成部分， JavaScript 为我们提供了许多迭代或循环值的方法。 for 循环有很多变形，例如 for、for（倒序）、for…of、forEach、for…in、for…await。哪种循环更快呢？答案是： for（倒序）以下使用代码进行测试的结果： const steps = 1000000; const arr = Array(steps); console.time('⏰'); for (let i = arr.length; i > 0

理解JavaScript原型链：人妖关系揭示编程奥秘

本文档深入浅出地讲解了JavaScript（JS）原型链的概念，以一种生动形象...这篇文章提供了一种直观的方式来理解JavaScript原型链，旨在帮助初学者和有一定基础的开发者更好地掌握这一核心概念，并通过实例演示加深记忆。