当前位置:
首页 > temp > JavaScript教程 >
-
js原型和原型链
一、原型prototype和__proto__
先记两句话:
➀ 每个对象都有一个__proto__属性,并且指向他的prototype原型对象。
➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身。
var Person = function(name,age) { this.name = name; this.age = age; } Person.prototype.run = function() { console.log('running'); } var me = new Person('小明',10); // ➀ 每个对象都有一个__proto__属性,并且指向他的prototype原型对象。 console.log(me.__proto__===Person.prototype); // true // ➁ 每个构造函数都有一个prototype原型对象,prototype原型对象的constructor等于构造函数本身 console.log(Person.prototype.constructor==Person); // true
一张图示说明实例、原型对象、构造函数三者之间的关系。
这里有人会问__proto__和prototype是干吗用的?
prototype相当于所有实例对象可以访问的一个公共容器,实例对象的__proto__
指向构造函数的prototype
,从而实现继承,
上图中me这个实例对象拥有了run方法。
二、原型链
当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依次层层向下搜索,直到找到一个名字匹配的属性或到达原型链的末尾。
在查找me.toString()方法时依次向上查找,终于通过me.__proto__.__proto__.toString找到了该方法。
原型链查找顺序:me---> me.__proto__ ---> me.__proto__.__proto__ ---> null
这就是所谓原型链,层层向下找,没有就返回undefined。
出处:https://www.cnblogs.com/tsl0324/p/14507082.html
栏目列表
最新更新
nodejs爬虫
Python正则表达式完全指南
爬取豆瓣Top250图书数据
shp 地图文件批量添加字段
爬虫小试牛刀(爬取学校通知公告)
【python基础】函数-初识函数
【python基础】函数-返回值
HTTP请求:requests模块基础使用必知必会
Python初学者友好丨详解参数传递类型
如何有效管理爬虫流量?
2个场景实例讲解GaussDB(DWS)基表统计信息估
常用的 SQL Server 关键字及其含义
动手分析SQL Server中的事务中使用的锁
openGauss内核分析:SQL by pass & 经典执行
一招教你如何高效批量导入与更新数据
天天写SQL,这些神奇的特性你知道吗?
openGauss内核分析:执行计划生成
[IM002]Navicat ODBC驱动器管理器 未发现数据
初入Sql Server 之 存储过程的简单使用
SQL Server -- 解决存储过程传入参数作为s
关于JS定时器的整理
JS中使用Promise.all控制所有的异步请求都完
js中字符串的方法
import-local执行流程与node模块路径解析流程
检测数据类型的四种方法
js中数组的方法,32种方法
前端操作方法
数据类型
window.localStorage.setItem 和 localStorage.setIte
如何完美解决前端数字计算精度丢失与数