js 原型方法 对象方法
在JavaScript中，原型方法（Prototype Method）和对象方法（Object Method）是两种不同的概念，它们在定义和使用上有一些区别。
原型方法（Prototype Method）
基础概念：
- 每个JavaScript对象都有一个原型（prototype），它是一个对象，包含了可以被其他对象共享的属性和方法。
- 原型方法是通过构造函数的原型对象添加的方法，这样所有通过该构造函数创建的实例都可以访问这些方法。
优势：
- 节省内存：所有实例共享原型上的方法，不需要为每个实例单独创建方法。
- 便于维护：修改原型上的方法，所有实例都会立即反映这个改变。
类型：
- 实例方法：通过实例对象调用的方法。
- 静态方法：通过构造函数调用的方法，不属于任何实例。
应用场景：
- 当多个对象需要共享某些行为时，可以将这些行为定义在原型上。
示例代码：
function Person(name) {
this.name = name;
}
// 原型方法
Person.prototype.sayHello = function() {
console.log(`Hello, my name is ${this.name}`);
};
const person1 = new Person('Alice');
const person2 = new Person('Bob');
person1.sayHello(); // 输出: Hello, my name is Alice
person2.sayHello(); // 输出: Hello, my name is Bob对象方法（Object Method）
基础概念：
- 对象方法是直接定义在对象实例上的方法，每个实例都有自己的一份拷贝。
优势：
- 独立性：每个实例的方法是独立的，修改一个实例的方法不会影响其他实例。
类型：
- 实例方法：直接定义在对象实例上的方法。
应用场景：
- 当每个实例需要有自己的独特行为时，可以将这些行为定义为对象方法。
示例代码：
const person1 = {
name: 'Alice',
sayHello: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
const person2 = {
name: 'Bob',
sayHello: function() {
console.log(`Hello, my name is ${this.name}`);
}
};
person1.sayHello(); // 输出: Hello, my name is Alice
person2.sayHello(); // 输出: Hello, my name is Bob遇到的问题及解决方法
问题：为什么原型方法可以节省内存？ 原因：因为原型方法是所有实例共享的，不需要为每个实例单独创建一份方法的拷贝。 解决方法：使用原型方法来定义可以被多个实例共享的行为。
问题：如何区分一个方法是原型方法还是对象方法？
原因：可以通过检查方法是否定义在构造函数的原型上，还是直接定义在对象实例上。
解决方法：使用instanceof操作符或者Object.getPrototypeOf方法来检查方法的位置。
示例代码：
function isPrototypeMethod(obj, methodName) {
return obj.constructor.prototype.hasOwnProperty(methodName);
}
console.log(isPrototypeMethod(person1, 'sayHello')); // 输出: true
console.log(isPrototypeMethod(person1, 'name')); // 输出: false通过这些概念和方法，你可以更好地理解和使用JavaScript中的原型方法和对象方法。
相关·内容
在node.js中导出原型的首选方法是什么？你可以采取两种方法：
函数A () {} module.exports = A；var A=需要量(‘./A.js’)；var a=新A()；
函数A () {}出口A= A；var A=需要量(‘./A.js’).A；
第一种解决方案在我看来要方便得多，尽管我知道有人担心替换导出对象<
浏览 1提问于2013-08-07得票数 7
回答已采纳
“提高”的方法。根据MDN的规定，引入新的运营商：
(1)创建一个新对象，继承foo.prototype。(2)使用指定的参数调用构造函数foo，并将其绑定到新创建的对象。新foo等价于新foo()，也就是说，如果没有指定参数列表，则不带参数调用foo。
(3)构造函数返回的对象成为整个新表达式的结果。如果构造函数没有显式返回对象，则使用步骤1中创建的对象。(通常构造函数不返回值，但如果要重写正常的对象创建过程，则可以选择
浏览 3提问于2014-07-11得票数 0
回答已采纳
6回答
我想知道什么时候在js中使用原型方法是合适的。应该一直使用它们吗？或者，是否存在使用它们不可取和/或会导致性能损失的情况？在这个站点上搜索js中常用的命名空间方法时，似乎大多数都使用了基于非原型的实现:简单地使用对象或函数对象来封装命名空间。我来自于一种基于类的语言，很难不试着进行类比，并认为原型就像“类”，我提到的命名空间实现就像静态方法。
浏览 7提问于2011-01-19得票数 100
回答已采纳
1回答
组织js原型方法
、、
在尝试了js的原型继承之后，我发现我并不喜欢在对象外部声明对象的方法： this.averyday='i\'m shuffle\'n';} alert(this.gibmo);因此，我想出了一种方法来将我的方法组织到一个名称空
浏览 0提问于2012-04-13得票数 1
回答已采纳
我目前正在使用节点-mongo本地驱动程序来处理node.js和MongoDB。
我使用Mongo控制台进行了一些测试，存储和检索JS对象。我发现，如果我存储一个包含函数/方法的对象，那么方法和函数也将存储在集合中。这很有趣，因为我认为函数不能存储在MongoDB中(除了建议的system.js集合之外)。此外，它不仅存储方法，而且实际上存储对象的整个原型链的每个方法和成员。此外，我不喜欢
浏览 5提问于2011-04-25得票数 12
回答已采纳
有没有其他方法来查找javascript对象的原型属性。假设我有这样的。my_object的原型属性。'sample1'，'sample2‘
为了查看该对象的原型属性，我需要console.log(对象)，并且可以从开发人员工具中查找该对象的属性。但是由于我使用的是像phaser.js、react.js、create.js这样的第三方库，所以我不知道这些库中创建的<em
浏览 0提问于2015-05-11得票数 25
回答已采纳
1回答
我需要手动减少闭包编译的js文件中的重复单词，因为我不能在编译的js文件上使用gzip。我研究了几种方法，例如，我想减少单词" prototype“，因此我所做的是在每个对象中引用原型，然后使用该引用向对象原型添加属性和方法，因此每个对象只使用一次单词prototype。但在某些情况下，闭包编译器似乎在以这种方式删除不使用的代码时遇到了麻烦，因为它在对象中保留了原型链下的任何对象<
浏览 2提问于2016-05-19得票数 0
2回答
对原型使用闭包有缺点吗？
、、、、
我喜欢使用闭包创建具有私有属性的对象的一般风格。我不确定的是，在闭包中创建原型方法还是在对象的实际原型上创建原型方法更有效。() { this.a += this.b; }
示例A是一个具有原型的传统构造函数使用它的方式如下：b.add(); // b.a == 2
浏览 5提问于2021-02-03得票数 2
回答已采纳
我刚刚开始使用Jasmine对我的JavaScript代码进行单元测试，我发现如果我在对象原型方法的内部通过describe()或it()定义一个套件或规范，那么它在SpecRunner html页面上就不会被识别为规范因为我的所有代码都是通过原型对象/方法编写的，如果我不能在这些对象/方法中进行测试，那么我就不能测试任何东西，而Jasmine对我来说几乎是无用的。另外，如果没有，是否有任何良好的JS单元测试框架可
浏览 0提问于2015-07-16得票数 0
回答已采纳
当我还在努力读“你不知道JS”的时候，我开始有了一个好主意(喜欢这个系列)。我想我掌握了原型的窍门，但我遇到了下面的代码。myObject = { };
当我完全理解输出及其意义时，我试图用我对原型的理解myObject.getOwnPropertyDescriptor
我以为它会遍历proto链，直到对象的原型并得到该方法，但是事实证明，<
浏览 1提问于2015-12-16得票数 5
回答已采纳
1回答
有没有办法从JS原型继承Transcrypt类？我有一个JS对象类型，它有一组我需要保留的功能，但是我想在一个Transcrypt类中用很多不错的性能来扩展它(特别是，我想用Transcript操作符重载来补充笨重的JS数学函数)。但这是行不通的，因为JS类没有Transcrypt的“神奇方法”。我还尝试将方法添加到JS原型中： def v_repr(self):
浏览 4提问于2017-05-27得票数 3
回答已采纳
我要问的是，为什么为了获取对象的原型，getPrototypeOf被实现为Object的构造函数上的静态方法，而不是它的原型？(我可以自己做，但我知道扩展JS标准对象的原型是不好的)？
浏览 0提问于2017-11-25得票数 4
回答已采纳
1回答
下面是使用instanceof检查对象类型的一个实例，该实例返回上面所述为false的阳性结果：
继承自SoftwareInterrupt的原型/类Interr
浏览 0提问于2019-09-11得票数 0
1回答
在某种程度上，我还是JS新手，我正在尝试理解使用原型和继承的最好/最干净的方式。= function(){...};这很好，因为我不需要输入每个方法的全名来编写原型，只需要输入名称，即。现在，我遇到的问题是，我不确定如何在JS中使用继承来做到这一点。.};
...but现在在一个更复杂的应用程序中，我们又要为每个方法写出对象的全名，我发现这既乏味又难于阅读。所以，我的问题是:除了使用
浏览 0提问于2013-03-20得票数 0
回答已采纳
类似于下面的内容：我希望能够使用MyControl的原型功能：
MyControl.prototype.newFunc
浏览 0提问于2009-03-11得票数 0
我有JS对象和自定义方法作为原型(例如Foo.prototype.myAwesomeMethod)。如果我在localStorage中加载我的对象并在稍后获取它，我将丢失这些方法。可以将对象的原型保存在localStorage中吗？如果没有，如何正确地重新实例化该类？
浏览 0提问于2015-06-11得票数 2
我是Js OOp的新手。我在某个地方读到了在OOP中使用JS的原型，Ok，这里是一个例子 this.name = name; this.barkDog对象。但是通过原型我们做了这样的事情我读到，函数可以分开，通过原型可以将它们添加到对象中。，请帮帮我。我很困惑.问题很简单，为什么对方法
浏览 1提问于2015-10-21得票数 0
2回答
如何继承父原型JS的权利
、、、
问题-如何获得正确的方法继承从父(动物)到子(兔)原型将不会覆盖父原型道具后，创建一个对象，基于子原型。我的意思是，创建对象(兔子)必须从兔子原型获得原型方法(.prototype.walk)，而不是从父母(动物)那里获得原型方法。我知道我们可以做出简单的解决方案，将方法this.walk移到构造函数Animal.prototype.walk之后，并创建原型<em
浏览 1提问于2018-01-04得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
