JavaScript原型对象

最新推荐文章于 2022-07-27 16:15:39 发布
原创 最新推荐文章于 2022-07-27 16:15:39 发布 · 289 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #原型模式 #前端

本文介绍了JavaScript中函数的prototype属性以及原型对象的概念。当函数作为构造函数时，其创建的对象会有一个隐藏属性指向原型对象。通过原型，对象可以共享公共属性和方法，避免在每个实例中重复定义。使用`in`操作符检查属性时，即使对象本身没有，也会查找原型链。`hasOwnProperty()`方法用于确认属性是否为对象自身的属性而非原型链上的。原型链的查找会一直追溯到Object对象的原型，若仍未找到，则返回undefined。

注意共4有个步骤，按顺序操作下去

1.JavaScript原型prototype我们创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象如果函数作为普通函数调用prototype没有任何作用， 当函数以构造函数的形式调用时，它所创建的对象中都有会一个隐藏的属性，指向该构造函数的原型对象，我们可以通过proto来访问该属性

原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中，当我们访问对象的一个属性或方法时，它会先在对象自身中寻找，如果有则直接使用，如果没有则会去原型对象中寻找，如果找到则直接使用，以后我们创建构造函数时，可以将这些对象共有的属性和方法，统一添加到构造函数的原型对象中，这样不用分别为每个对象添加，也不会影响到全局作用域，就可以使每个对象都具有这些属性和方法了。 

2.使用in检查对象中是否含有某个属性时，如果对象中没有但是原型中有，则会返回true

3.hasOwnProperty()方法可以使用对象的hasOwnProperty()方法来检查对象自身中是否含有该属性，使用该方法只有当对象自身中含有属性是，才会返回true

4.原型对象也是对象，所以它也有原型，但我们使用一个对象的属性或方法时，会先在自身中寻找。 如果自身中有，则直接使用。如果没有则去原型对象中寻找，如果原型对象中有则使用，如果没有则去原型的原型对象中寻找，直到找到Object对象的原型，Object对象的原型没有原型，如果在Object中依然没有找到，则返回undefined

 

JavaScript原型对象原理与应用分析
10-17
JavaScript中的原型对象是实现对象继承和共享属性的关键机制。它基于JavaScript的原型链，使得一个对象可以访问并继承另一个对象的属性和方法。下面将详细解释原型对象的原理、应用及其相关操作。 ### 1. 原型对象...
图文详解JavaScript的原型对象及原型链
10-21
JavaScript的原型对象和原型链是理解JavaScript继承机制的关键概念。首先，我们来区分两个关键的属性：`prototype`和`__proto__`。 1. `prototype`：主要用于构造函数，它是构造函数的一个属性，用于定义实例对象将...
JavaScript原型对象和垃圾回收机制
weixin_57764814的博客
05-08 536
1.JavaScript原型prototype 我们创建的每一个函数，解析器都会向函数中添加一个属性prototype。这个属性对应着一个对象，这个对象就是我们所谓的原型对象。如果函数作为普通函数调用prototype没有任何作用。 当函数以构造函数的形式调用时，它所创建的对象中都有会一个隐藏的属性。 指向该构造函数的原型对象，我们可以通过proto来访问该属性。 2.原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象。我们可以将对象中共有的内容，统一设置到原型对象中.
JavaScript原型对象---知识总结
qq_47286790的博客
01-27 3593
任何一个JavaScript对象（一般有对花括号）都有一个原型对象，这个原型对象是JavaScript语言内置的，JavaScript对象可以使用原型对象的属性和方法。
JavaScript——原型对象（一）
zg0601的博客
11-17 1647
JavaScript原型对象的简单介绍，构造函数、实例对象和原型对象三者的关系。
JavaScript中的原型对象
weixin_50379372的博客
06-23 169
JavaScript:原型prototype：我们在创建每个函数都有一个prototype属性 这个属性是一个指针，指向一个对象，这个对象就是我们所谓的原型对象
JavaScript--原型对象
李晨璐的博客
01-29 1609
原型对象（prototype） 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype，这个属性对应着一个对象，这个对象就是我们所谓的原型对象 如果函数作为普通函数调用prototype没有任何作用，当函数以构造函数的形式 调用时（var x=new y）它所创建的对象中都有一个隐含的属性，执行该构造函数的原型对象，我们可以通过__proto__来访问该属性 原型对象就相当...
JavaScript原型对象、构造函数和实例对象功能与用法详解
12-11
本文实例讲述了JavaScript原型对象、构造函数和实例对象功能与用法。分享给大家供大家参考，具体如下： 大家都知道，javascript中其实并没有类的概念。但是，用构造函数跟原型对象却可以模拟类的实现。在这里，就先...
Javascript原型对象、this的5钟用法、原型继承、Caller和Callee的使用.docx
07-09
JavaScript中的原型对象、this的五种用法、原型继承以及Caller和Callee的使用是JavaScript编程中的核心概念。首先，让我们深入理解每个概念。 **原型对象（Prototype）** 在JavaScript中，每当定义一个函数，都会...
JavaScript中原型对象
weixin_54205389的博客
07-27 528
原型是Javascript中的继承的基础，JavaScript的继承就是基于原型的继承。
[乐意黎转载]JavaScript中原型对象的彻底理解
打杂人
12-05 996
一、什么是原型 原型是Javascript中的继承的继承，JavaScript的继承就是基于原型的继承。 1.1 函数的原型对象 ​ 在JavaScript中，我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即：prototype的属性的值是这个对象 )。这个对象B就是函
Javascript的对象及原型
milklili的博客
09-03 311
1、基本概念 无序属性的集合，属性值可以是基本值、对象、函数。每个对象都是基于一个引用类型(原生类型或者开发人员自定义的类型)创建的。使用obj instanceof type  返回true或者false即可判断对象类型。 2、属性的类型 数据属性:有4个特性 访问器属性:getter及setter函数 3、创建对象的方法 (1)工厂模式~即在一个函数内部创建一个新的obj，并为其添
JavaScript中原型对象的彻底理解
weixin_33845881的博客
11-07 179
一、什么是原型 原型是Javascript中的继承的继承，JavaScript的继承就是基于原型的继承。 1、函数的原型对象 在JavaScript中，我们创建一个函数A(就是声明一个函数), 那么浏览器就会在内存中创建一个对象B，而且每个函数都默认会有一个属性 prototype 指向了这个对象( 即：prototype的...
JavaScript - 原型对象
qq_33962481的博客
03-31 127
文章目录前言一、原型 prototype二、使用1. 特点2. 例子 前言 将函数定义在全局作用域, 污染了全局作用域的命名空间 一、原型 prototype 我们所创建的每一个函数, 解析器都会向函数中添加一个原型 prototype 这个属性对应着一个对象, 这个对象就是我们所谓的原型对象 二、使用 1. 特点 当我们访问对象的一个属性或方法时, 它会先在对象自身中寻找, 如果有则直接使用 如果没有则会去原型对象中寻找, 如果找到则直接使用 2. 例子 <script type="text
JavaScript的原型
qq_46232829的博客
11-25 190
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script&gt
javascript中原型对象
plannothing的博客
07-23 139
/* * 原型prototype * * 我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype * 这个属性对应着一个对象，这个对象就是我们所谓的原型对象 * 如果函数作为普通函数调用prototype没有任何作用 * 当函数以构造函数的形式调用时，他所创建的对象中都会有一个隐含的属性 * 指向该构造函数的原型对象,我们可以通过__proto__来访问该属性 * * 原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象 * 我们可以将对象中共有的
Javascript原型对象
liupei2011的专栏
03-08 1028
javascript原型模式容易忽略的地方 原型模式+构造函数应该是javascript编辑时使用的非常多的功能。 例如： function Tang(name,age){     this.name=name;     this.age=age;     this.init(); } Tang.prototype={     in
javascript原型对象
10-18
JavaScript中的每个对象都有一个原型对象，它充当该对象的模板。原型对象包含该对象的属性和方法，如果在该对象上找不到某个属性或方法，则会在原型对象上查找。如果还找不到，则会在原型对象的原型对象上查找，直到找到为止。这种机制被称为原型链。 在JavaScript中，可以使用构造函数来创建对象。构造函数是一种特殊的函数，用于初始化新创建的对象。每个构造函数都有一个prototype属性，它指向该构造函数的原型对象。可以向原型对象添加属性和方法，这些属性和方法将被所有该构造函数创建的对象共享。 例如，以下是一个使用构造函数创建对象并向原型对象添加方法的示例： ``` function Person(name, age) { this.name = name; this.age = age; } Person.prototype.sayHello = function() { console.log("Hello, my name is " + this.name); } var person1 = new Person("Alice", 25); var person2 = new Person("Bob", 30); person1.sayHello(); // 输出 "Hello, my name is Alice" person2.sayHello(); // 输出 "Hello, my name is Bob" ``` 在上面的示例中，我们定义了一个Person构造函数，并向其原型对象添加了一个sayHello方法。然后我们使用该构造函数创建了两个对象person1和person2，并调用了它们的sayHello方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值