JavaScript 原型对象与原型链

最新推荐文章于 2024-03-01 10:30:00 发布
最新推荐文章于 2024-03-01 10:30:00 发布
阅读量109 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_16525279/article/details/116798869
版权
本文深入探讨JavaScript中函数的prototype属性与构造函数的关系，以及如何通过__proto__形成原型链。介绍了如何利用hasOwnProperty()检查对象自身的属性，以及in操作符在原型链中的工作原理。
摘要由CSDN通过智能技术生成

1. 原型对象和构造函数的关系

在JavaScript中，每当定义一个函数数据类型(普通函数、类)时候，都会天生自带一个prototype属性，这个属性指向函数的原型对象。
当函数经过new调用时，这个函数就成为了构造函数，返回一个全新的实例对象，这个实例对象有一个__proto__属性，指向构造函数的原型对象。
在这里插入图片描述

2. 原型链简述

JavaScript对象通过__proto__指向父类对象，直到指向Object对象为止，这样就形成了一个原型指向的链条, 即原型链。
在这里插入图片描述

  • 对象的 hasOwnProperty()来检查对象自身中是否含有该属性
  • 使用in 检查对象中是否含有某个属性时，如果对象中没有但是原型链中有，也会返回true
z止于至善
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【JS】原型、原型对象以及原型链的理解
zhaohb2016的博客
07-12 959
总结自js红宝书第六章创建自定义对象的最简单方式就是创建一个 Object 的实例，然后再为它添加属性和方法 或者采用对象字面量的方法 这两种方法所创建的对象是一样的，相同的属性和方法，下面对所创建的对象的属性进行研究：采用object.defineProperty/object.defineProperties访问器属性不包含数据值，包含一对儿getter和setter函数；访问器属性不能直接定义，必须使用 Object.defineProperty()来定义开头的Object 构造函数或对象字面量都可以
JavaScript原型对象以及原型链详解
weixin_43183219的博客
02-28 702
JavaScript原型对象prototype，__proto__属性介绍，实例、构造函数和原型对象之间的关系，什么是原型链，子类对父类的继承等
javascript中的原型与原型链
codewhy的博客
09-09 1130
文章目录一、什么是原型二、prototype四、constructor五、实例与原型六、原型的原型七、原型链 一、什么是原型 原型：每一个javascript对象(除null外)创建的时候，都会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。 例如 var obj = new Object(); 创建一个对象的时候都会同时关联一个对象，如图，关联的这个对象就是新建的对象obj的原型 二、prototype 在JavaScript中，每个函数都有一个prototype属
JavaScript中的对象和原型链
tyxjolin的专栏
05-12 498
而原型链则是对象之间的关联机制，通过它，我们可以实现继承和属性的共享。二、原型链 在JavaScript中，每个对象都有一个原型（prototype），原型是一个对象，它包含共享的属性和方法。当我们访问一个对象的属性或方法时，如果该对象本身没有定义该属性或方法，JavaScript会自动沿着原型链向上查找，直到找到该属性或方法或者到达原型链的顶端（即。2.1 原型对象 每个函数在创建时，都会自动关联一个原型对象（prototype对象），该原型对象会自动获得一个constructor属性，指向该函数本身。
JavaScript原型对象与原型链
deft_的博客
03-23 1820
JavaScript原型对象与原型链 在JavaScript实际项目中，对象是十分重要的一个类型 无论是作为数据表现的一种形式或配置成工厂模式制造实例等等，这些用途在实际项目开发中都使用得非常广泛 依靠原型对象的特性可以实现一些比较模式化或适配第三方定制化的功能流程 对象 关于对象，在了解原型与原型链之前我们先了解一下对象的相关知识 对象创建 1、字面创建 const testObj = { key1: 1, key2: 2, key3: 3, objFun:function (
Js 原型对象与原型链
aler56010的博客
04-07 109
原型对象 　　每个javascript对象都有一个原型对象，这个对象在不同的解释器下的实现不同。比如在firefox下， 每个对象都有一个隐藏的__proto__属性，这个属性就是“原型对象”的引用。 原型链 　　由于原型对象本身也是对象，根据上边的定义，它也有自己的原型，而它自己的原型对象又可以有自 己的原型，这样就组成了一条链，这个就是原型链，JavaScritp引擎在...
JavaScript对象及原型链
偷只猫来养的博客
06-15 334
JavaScript对象及原型链 一、JS对象 1、对象定义 js对象是引用类型，用于存储键值对 2、对象创建 （1）直接量（字面量）：适用于创建单个对象，当要创建多个对象会产生大量重复代码； var person = { name:'Tom', age:20, } console.log(person.age);//20 （2）工厂模式：使用函数创建，一般也少用： function createPerson1(name,age){ var obj = new Object(); obj.name
图文详解JavaScript的原型对象及原型链
10-21
JavaScript的原型对象和原型链是理解JavaScript继承机制的关键概念。首先，我们来区分两个关键的属性：`prototype`和`__proto__`。 1. `prototype`：主要用于构造函数，它是构造函数的一个属性，用于定义实例对象将...
JavaScript对象原型链原理解析
11-21
JavaScript对象原型链是JavaScript语言中的一个核心概念，它在实现继承和共享属性方面起到了关键作用。原型链基于原型（prototype）对象，通过一系列链接形成一个链式结构，使得一个对象可以访问到另一个对象的属性...
JavaScript原型对象原理与应用分析
10-17
当试图访问一个对象的属性时，如果该属性不存在于当前对象中，JavaScript会查找其`__proto__`所指向的原型对象，这个过程会一直持续到找到属性或者到达原型链的顶端（即`null`）。 ### 2. 原型对象工作原理 当创建...
js 原型对象和原型链理解
12-02
一个例子让你彻底明白原型对象和原型链 开篇 之前对js中的原型链和原型对象有所了解，每当别人问我什么是原型链和原型对象时，我总是用很官方（其实自己不懂）的解释去描述。有一句话说的好：如果你不能把一个很复杂的东西用最简单的话语描述出来，那就说明你没有真正的理解。最近正在读《Javascript高级程序设计》，书中对原型对象和原型链的描述让我受益匪浅，下面仅用一个对比性的例子来说明。 我们经常会这么写 function Person () { this.name = 'John'; } var person = new Person(); Person.prototype.say =
JavaScript对象原型链原理详解
10-15
主要介绍了JavaScript对象原型链原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
JavaScript原型及原型链终极详解
10-23
JavaScript中的原型和原型链是理解JavaScript继承机制的关键概念。在JavaScript中，每个对象都有一个内部属性`__proto__`，它链接到创建该对象的构造函数的原型对象。原型对象通常包含了可以被实例对象共享的方法和...
JavaScript使用原型和原型链实现对象继承的方法详解
10-20
原型链（prototype chain）则是通过原型对象间的引用形成的一条链路，允许子对象访问父对象的属性和方法。 在JavaScript中，`__proto__`属性（非标准，但在大部分现代浏览器中支持）和`Object.getPrototypeOf`方法...
详解JavaScript原型与原型链
01-21
了解JavaScript的继承与原型链之前首先需要了解JavaScript中对象创建的方式。 在JavaScript中创建对象 JavaScript中对象创建的方式有两种：工厂方法（Factory Functions）、构造器方法（Constructor Functions） 。 ...
js 原型与原型链
青蛙king的博客
11-14 391
一、原型 所有引用类型都有一个 __proto__（隐式原型）属性，指向它构造函数的 prototype 属性。 所有函数都有一个 prototype（原型）属性，属性值是一个普通的对象。 var a = [1,2,3]; a.__proto__ === Array.prototype; // true function Func () {}; var f = new Func(); f.__proto__===Func.prototype; // true var fn = function (
js原型与原型链详解（万文总结，一文搞懂原型链!）
Yi_qian的博客
12-28 5352
JavaScript中的原型和原型链：1，每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性2，__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__，而不是prototype3，函数对象的__proto__都指向Function.prototype4，每个对象都有一个隐式原型属性(__proto__)，多个原型通过__proto__链接在一起形成的链式结构就是原型链😃。
Javascript原型链详解，一文带你彻底搞懂js原型、原型对象及原型链
最新发布
greatming666的博客
03-01 900
原型链是 JavaScript 中的一个重要特性，它是实现对象之间继承关系的机制。在 JavaScript 中，每个对象都有一个原型属性，指向另一个对象。当试图访问一个对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript 引擎会沿着原型链向上查找，直到找到对应的属性或方法为止。
最详细的讲解 JS 原型与原型链
热门推荐
官方推荐
06-28 3万+
一. 普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object 、Function 是 JS 自带的函数对象。下面举例说明 var o1 = {}; var o2 =new Object(); var o3 = new f1(); function f1(){}; var f2 = function(){}; var f3 = new Function('str','console.log(str)'); console.log(typeof
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值