javascript，将函数添加到原型
JavaScript是一种广泛应用于前端开发的编程语言，它支持将函数添加到原型(prototype)的特性。通过将函数添加到原型，我们可以在对象实例中共享和重用这些函数，提高代码的可维护性和复用性。
在JavaScript中，每个对象都有一个原型(prototype)属性，它指向另一个对象或null。当我们访问一个对象的属性或方法时，如果对象本身没有该属性或方法，JavaScript会沿着原型链向上查找，直到找到该属性或方法或到达原型链的顶端(null)。
将函数添加到原型的主要优势是可以节省内存空间，因为所有实例对象共享同一个函数实现。这样，在创建多个对象实例时，不需要为每个实例都创建一个新的函数副本，而是共享同一个函数。
应用场景：
- 在构造函数中添加方法：通过将方法添加到构造函数的原型上，可以确保所有通过该构造函数创建的对象实例都具有相同的方法。
- 实现继承：通过将父类的方法添加到子类的原型上，子类可以继承父类的方法，并可以在原型链上进行方法的查找和调用。
- 扩展内置对象的功能：可以向内置对象的原型添加自定义方法，以扩展其功能。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
- 云数据库 MongoDB 版：https://cloud.tencent.com/product/tcbs-mongodb
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb
- 云存储 COS：https://cloud.tencent.com/product/cos
相关·内容
据我所知，每个javascript对象都有一个原型，即使它只是来自Object.prototype的一个。
我有一个asp.net the服务代理，它可以从服务器获取参与者数据。那部分运作得很好。下面是代码：
atomWebServiceProxy.GetInteractionParticipants(interactionId,
function (participantsResult) {
var assetId, pendingPathFetches;
participants = p
浏览 5提问于2013-05-06得票数 1
回答已采纳
下面的代码与Douglas Crockford的书“JavaScript: The Good Parts”中的一些代码几乎完全相同。唯一的区别是他添加了get_status属性，如下所示：
Quo.prototype.get_status=function() {
this.status=string;
}
我的问题是，为什么他的代码运行正常，而我下面的小改动却导致了一个错误，表明myQuo没有get_status方法？
<script>
var Quo=function(string) {
this.status=string;
}
Quo.get_sta
浏览 1提问于2012-07-26得票数 5
回答已采纳
当我发现原型的概念时，学习javascript。我成功地向cat类添加了新方法，但未能覆盖原始的talk方法。
function cat(name) {
this.name = name;
this.talk = function() {
alert( this.name + " : I'm a girl!" )
}
}
cat.prototype.talk = function() {
alert( this.name + " : I'm a dude!" )
}
cat1 = new cat
浏览 2提问于2009-04-15得票数 7
回答已采纳
我正在读Crockford的"Javascript: The Good Parts“。在早期，他引入了Object.create()函数，但它似乎是多余的。为什么Object.create()倾向于将一个对象赋给一个新对象的原型，这是一种传统的方式？这两个陈述之间的区别是什么？我当然更喜欢Object.create()语法，但我想在这里了解基本原理：
var bar = Object.create(foo);
和
var bar = {};
bar.prototype = foo;
浏览 2提问于2015-03-07得票数 1
我一直在读"javascript:好的部分“。
Function.prototype.method = function (name, func) {
this.prototype[name] = func;
return this;
};
示例用法是：
Number.method('integer', function () {
return Math[this < 0 ? 'ceiling' : 'floor'](this);
});
document.writeln((-10 / 3).intege
浏览 4提问于2013-10-04得票数 5
回答已采纳
我在React和Redux中工作了两年，但是当我在javascript中使用inheritance时，我发现了javascript中这2种类型的函数声明之间的区别。
我有一个类a和一个从a类继承的类b，每当我运行以下代码段时，它就会退出
bfunc called from class a
afunc called from class b
我假设语法bfunc = function(){将函数放在this中，语法afunc() {将函数放在类的原型中，但我不太确定。有人能解释一下这种行为吗？
class a {
afunc() {
console.log('afunc
浏览 4提问于2017-12-29得票数 2
回答已采纳
5回答
我相当喜欢原型编程的方式，并且一直在尝试用javascript来理解它。
我在好的部分看到了这段代码：
function beget(o){
function F(){
F.prototype = o;
};
return new F();
};
我一点也不明白，哈哈。如果你所要做的就是将原型设置为一个过去的对象，那么你就不能这样做：
var parent = {
num = 66;
};
var child = {
prototype: parent
};
这似乎不起作用，因为child.num被返回为未定义的。你如何描述javascript原型编程，你的方法是什
浏览 1提问于2011-05-07得票数 1
回答已采纳
我从Pluralsight课程中学习了Javascript中的原型。我对此有些困惑。
下面是一个例子。我有两个建设者--人和学生：
function Person(firstName, lastName, age) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
this.getFullName = function() {
console.log(this.firstName + this.lastName)
}
}
function Student(firstNa
浏览 7提问于2022-03-23得票数 0
回答已采纳
我正在读道格拉斯·克罗克福德的“JavaScript:好的部分”。我发现了下面这个有用的技巧。
Function.prototype.method = function (name, func) {
if (!this.prototype[name]) {
this.prototype[name] = func;
}
};
基于上面的代码片段，我理解的是，由于所有函数都是Function的对象，而且当上面的函数将'method'方法添加到Function原型时，所有函数都将有一个method方法可用。
var pfun = function(na
浏览 2提问于2015-10-14得票数 0
回答已采纳
我只需要知道使用这两种方法创建对象与使用对象的效果之间的基本区别是什么。
//////////////////////////////////////////
myTestObject.prototype.var1 = null;
function myTestObject()
{
this.var1 = "test me";
}
myTestObject.prototype.action = function()
{
alert("alertme");
};
// to use
var a = new myTestObject();
a.ac
浏览 6提问于2012-10-31得票数 2
回答已采纳
如果在Javascript类中只有很少的属性是最初添加的，并且在类中添加了一些新的属性或函数，那么如何才能访问所有现有的和新创建的函数，这些属性可以通过prototype.Now获得。请注意，并不是每个人都可以使用这个类。
function Foo(){
this.name="";
this.place="";
}
在House.js中，我使用了Foo.prototype=House();
在college.js中，我使用了Foo.prototype = College();
现在，这个Foo()被修改为
function Foo(){
浏览 0提问于2013-04-29得票数 1
我的职责如下，
function revStr(s) {
ns = '';
for (i = s.length - 1; i >= 0; i--)
ns += s[i];
alert(ns);
}
我被要求使用Javascript中我完全不知道的原型来实现它(我是phpdeveloper:( )
我必须创建一个继承自字符串对象的对象。我想我们可以做这样的事
var MyString= new string();
然后在javascript中使用称为Prototype的东西实现我的函数Prototype。
有人能帮我解决这个问题吗。
谢谢
浏览 1提问于2015-07-14得票数 3
回答已采纳
我在学习javascript。
为什么在对象之外定义函数？
function Man(firstName, lastName) {
this.firstName = firstName;
this.lastName = lastName;
}
Man.prototype.getName = function () {
return this.firstName + this.lastName;
};
我觉得有点奇怪。如果我在类中添加函数(移除.protoype等)，它就能工作，但是有人告诉我要定义函数，取消对象。
为什么？
浏览 1提问于2013-07-28得票数 4
回答已采纳
2回答
是否可以向所有Javascript原型( boolean)? 对象、数组、函数、字符串、数字、)添加一个方法？
举个例子。如果我想添加一个新的原型getter，它返回变量的类型、或其他什么，我怎么能这样做呢？
信息:这与这个函数的功能无关！
编辑：
我想像所有其他原型函数一样访问该函数：
myVariable.myMethod(myParam)
浏览 6提问于2014-05-09得票数 1
回答已采纳
下面是一些解释错误的示例代码：
HTML:
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<h1>Widget Test</h1>
<script type="text/javascript">
(function() {
var script = document.createElement('script'); script.
浏览 2提问于2013-09-28得票数 0
回答已采纳
标题说的都是真的。
我正在为JavaScript中的自定义项目创建一个新的JavaScript文件。在其他项目中，我使用了第三方定义文件。有一种混合物。有些人包括类的私有属性和方法，而另一些人则没有。
有正确的方法吗？我认为私人人士的意图是让他们继续这样做。但从技术上讲，任何人都可以覆盖私有元素，对吗(在JS中)？我也担心通过忽视它们，我会留下一些漏洞。例如，如果类具有未定义的私有update()方法，则扩展该类并编写update()方法。我觉得这里有冲突。
如有任何建议，我将不胜感激。
浏览 3提问于2014-11-12得票数 1
回答已采纳
4回答
在这里，我试图理解javascript.I中的一些继承概念，我已经创建了person类，并尝试在Customer类中继承它。
var Person = function(name) {
this.name = name;
};
Person.prototype.getName = function() {
return this.name;
};
Person.prototype.sayMyName = function() {
alert
浏览 2提问于2012-11-14得票数 1
回答已采纳
我只想问一下，像这样创建JavaScript对象模型构造器样式的好处是什么？
var PersonTemplate = function () {
return {
recordId: 0,
username: '',
firstName: '',
lastName: ''
}
}
浏览 1提问于2015-07-09得票数 0
回答已采纳
今天有人问了我一个令我吃惊的问题。我知道javascript中上述数字的string.repeat(number)重复字符串。举例说明。
"Father".repeat(3)
应打印
FatherFatherFather
我被要求做同样的事情，但是使用.repeat时，我应该像strRepeater那样使用我的新方法。
"Father".strRepeater(3)
应该相等
"Father".repeat(3);
请问我该怎么做？任何帮助都将不胜感激。
浏览 2提问于2016-10-26得票数 9
回答已采纳
有一种最流行的继承JavaScript方法：
function extend(Child, Parent) {
var F = function() { }
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.superclass = Parent.prototype;
}
我现在正在学习JS，但是我有很多Java经验，这个继承模型对我来说似乎有些困难。为什么我不能做以下事情：
function exte
浏览 3提问于2013-10-02得票数 2
回答已采纳
我试图了解更多关于JavaScript OO编程的知识，但我看到了创建“类”-like对象的相互冲突的方法。我想知道这两种方法是否有很大的不同：
方法1
function Person(name){
this.name = name;
this.setName = function(val){
this.name = val;
}
this.getName = function(){
return this.name
}
}
var John = new Person("John");
方法2
fun
浏览 0提问于2014-05-28得票数 7
回答已采纳
我有一个Shape作为父类，Circle作为子类。使用Javascript中的原型继承，我重写了父类duplicate方法。
当我运行以下代码时，调用子对象(circle)上的circle方法，而不是执行子类方法，而是调用父类(Shape)方法。当我注释掉父类duplicate方法时，它将调用子类方法。这与我所期望的正好相反。我认为它应该优先考虑孩子的方法，所以我不明白我做错了什么.
function Shape(color) {
this.color = color;
this.duplicate = function () {
console.log("This
浏览 2提问于2022-03-13得票数 1
在试图更好地理解javascript背后的原型时，我偶然发现了以下内容，到目前为止我还无法理解。
我知道函数是第一类对象，但我不明白为什么在Function.prototype上设置了属性后，对象会获得这个属性
Function.prototype.foo = 'bar';
Object.foo // Object now has this property and returns 'bar'
Object.foo === Function.prototype.foo // returns true
浏览 0提问于2012-07-10得票数 3
回答已采纳
我正在通过在线阅读和编写一些简单的代码来学习JavaScript中的函数。我在在线文章中得到了下面的例子
function toArray(obj) {
return Array.prototype.slice.call(obj);
}
Function.prototype.curry = function() {
if (arguments.length<1) {
return this; //nothing to curry with - return function
}
浏览 1提问于2013-03-25得票数 3
回答已采纳
我正在尝试向现有JavaScript框架(Wireit)中的类添加一个新属性。
基类称为Container，我希望所有容器都有一个GUID属性。Container当前被划分为ImageContainer、FormContainer等。
如果我将容器扩展为具有GUID，该GUID在ImageContainer、FormContainer等中是否可用？
我该怎么做呢？例如？
浏览 0提问于2011-07-21得票数 0
2回答
对于下面的代码，我在IE中遇到了一些问题。传递给函数的第二个参数应该是对单击的项的引用。这在FF和Safari中工作得很好，但当我在IE7中测试它时，它就出错了。IE似乎获得了元素(如控制台中所示)，但每当我尝试对其执行任何操作时，我都会收到错误消息：
“对象不支持此属性或方法”
谢谢你的帮助。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htm
浏览 0提问于2009-06-17得票数 1
回答已采纳
我使用JavaScript已经有一段时间了，我经常使用对象，但我总是想知道什么时候需要使用原型!！如果我需要一个对象的新方法，我只需编辑该对象并添加该方法，在大多数情况下，我知道在创建对象时需要哪些属性和方法。
我在原型中播种的有益内容可以使一个对象继承另一个对象：
var Person = function(firstname,lastname) {
this.first_name = firstname;
this.last_name = lastname;
};
var employee = function(name) {
浏览 1提问于2014-01-24得票数 4
1回答
我正在学习关于JavaScript中OOP的教程(javascriptissexy.com在JS中使用OOP :您需要知道的是什么)。
讲师正在解释对象创建的构造器/原型模式。我明白这是怎么回事，但我有一个尖锐的问题，他没有回答！
我们一开始是这样的：
function User(name, email) {
this.name = name,
this.email = email,
this.scores = [],
this.etc = etc
}
我明白了，现在每个var xxx =新用户(“name”、"email")都有一个xxx.na
浏览 0提问于2014-02-09得票数 0
回答已采纳
我对JavaScript比较陌生，经常在我正在使用的第三方库中看到.extend和.prototype。我认为这与Prototype javascript库有关，但我开始认为情况并非如此。这些是用来做什么的？
浏览 0提问于2010-09-24得票数 124
回答已采纳
1回答
我正在尝试创建一个简单的原型，我可以调用这样的DIV：
$('#mydiv').processHtml();
这就是我试过的：
Object.prototype.processHtml = function() {
var html = this.html();
// call ajax....
}
但是JavaScript抛出html()不是一种方法作为例外。我尝试了HTMLDivElement而不是Object，但是没有帮助。有什么指示吗？
浏览 13提问于2017-05-21得票数 0
回答已采纳
Javascript的主要优点之一据说是它是一种基于原型的语言。
但是Javascript是基于原型的，这是什么意思，为什么这是一个优势？
浏览 3提问于2008-10-09得票数 266
回答已采纳
这是调用函数Alerts的Javascript代码，我将从Stage6中完全重建它以使其恢复活动:)
// Alerts (in the header)
function Alerts(total) {
this.current_page = 1;
this.last_page = Math.ceil(total / 4);
if (this.current_page == this.last_page) {
$('alert-next-button').className = 'alert
浏览 2提问于2011-09-24得票数 0
可能重复：
我看到了这两种在Javascript中声明方法的方法：
var User = function() {
this.name = 'Foo';
this.greet = function() {
console.log('Hello!');
}
}
和
var User = function() {
this.name = 'Foo';
}
User.prototype.greet = function() {
console.log('Hello!');
浏览 2提问于2010-11-06得票数 6
回答已采纳
1回答
我试图在我创建的jQuery元素上调用javascript函数，但在函数上运行时似乎没有调用该函数。该函数在单独运行时工作，但在另一个jQuery对象上运行时不起作用。以下是功能：
$(document).ready(function() {
var $Chart = $('#Chart');
/*
returns true if some Expand element is open
*/
function closeExpand() {
alert("Hello");
/*$(this).css("background-color&
浏览 9提问于2013-12-19得票数 7
回答已采纳
我正在尝试继承JavaScript中的对象。看一下这个例子：
var BaseObject = function() {
};
var ChildObject = function() {
};
ChildObject.prototype.childMethod = function() {
};
ChildObject.prototype = new BaseObject();
ChildObject.prototype.constructor = ChildObject();
然而，一旦我做了原型继承，childMethod()就消失了。我在这里做错了什么？
浏览 0提问于2010-06-20得票数 2
回答已采纳
3回答
所以我有一个名为Car的javascript类，我定义了它的一个实例，一个普锐斯。
Car =
function Car ()
{
var mileage = 10;
var maker = "Basic";
var model = "Model";
return {
'sellSelf' : function() { return "I am a "+ model+ " from " + maker + " with mpg "+
浏览 0提问于2011-09-28得票数 2
2回答
这只是一个关于javascript的技术问题。在javascript中，我的一个小组成员发现了javascript对象创建的一些奇怪之处。由于某些原因，对象中的参数已经被视为成员，而没有将它们分配给在对象的构造函数中创建的任何成员变量。参数也是可变的，如下面的代码块所示。
下面是显示我们正在进行的测试的代码。
function NamedItem(name)
{
name = 5;
this.getName = function ()
{
return name;
}
}
document.write(namedItem.getName()
浏览 0提问于2012-01-27得票数 2
回答已采纳
3回答
我正在尝试使用library javascript库来模拟javascript中的继承。
我只是简单地使用_.extend来这样做：
function Parent() {
var self = this;
self.hello = function () {
console.log('Hello from parent');
};
}
function Child() {
var self = this;
_.extend(self, Parent);
}
Child.hello(); // Doesn't exist
我认为这是可
浏览 2提问于2014-08-05得票数 3
回答已采纳
我正在尝试理解JavaScript原型，我是bit，confused.There是大量的教程，每个教程都有不同的解释。所以我不知道从哪里开始。
到目前为止，我已经创建了一个简单的JavaScript对象
var a = {flag : 1}
在里，我读到
JavaScript中的所有对象都是从对象派生而来的。
但是我找不到这个对象的原型 a.prototype给我的undefined
然后我发现原型在a.constructor.prototype中是可用的。当我创建一个函数时，var myfunc = function() {}然后myfunc.prototype是可用的。因此prot
浏览 6提问于2015-05-07得票数 10
回答已采纳
我正在尝试理解JavaScript的一些原型概念，这些概念我并不经常使用。这里我有两个相同的方法，一个用于Array，另一个用于函数。一个起作用，另一个不行。你能解释一下这里有什么区别吗？
var arr = ['test'];
var string = 'test';
Array.prototype.print = function(){
console.log(this);
}
Function.prototype.print = function () {
console.log(this);
}
arr.print()
浏览 4提问于2017-06-23得票数 2
回答已采纳
是的，我以前见过这个问题的询问和回答。但我仍然不明白的是：
如果我创建了一个构造函数，并且不覆盖该函数的prototype属性，那么我们就在函数的prototype属性上挂起了自动constructor属性。这是MyConstructor.prototype.constructor === MyConstructor =>说的没错。太棒了。但是，当我用自己的对象覆盖prototype，而不修补constructor属性时，会发生什么情况呢？constructor现在不存在于prototype上，如果引用只找到了原型链，即MyConstructor.prototype.constructo
浏览 2提问于2012-05-05得票数 5
5回答
javascript中没有实际的类。但你必须用你所得到的来工作。
让我们以“Class”为例：
var example = function (string) {
this._self = string;
}
有了上面的内容，你可以做一些类似的事情：
var ex = new example("Hello People."),
display = ex._self; // returns "Hello People."
我认为使用像example.prototype.newFun = function(){}这样的东西会给这个“类”添加一个新的属性。
浏览 0提问于2013-01-19得票数 1
回答已采纳
2回答
我试图跟随本文编写一个简单的jQuery插件：
我的控制台似乎总是出现以下错误：
HTML
<div id="prod-part">TODO write content</div>
Javascript
(function($){
$.blogPost = function(el, options) {
var base = this;
base.$el = $(el);
base.el = el;
base.$el.data('blogPost',
浏览 2提问于2015-04-23得票数 0
回答已采纳
给定以下代码：
function Test(){
var $D = Date.prototype;
$D.addDays=function(value){this.setDate(this.getDate()+value);return this;};
$D.clone = function() {
return new Date(this.getTime());
};
alert(new Date().addDays(5));
var x = 5;
}
Test();
alert(new Date().addDays(1))
浏览 0提问于2012-07-18得票数 1
回答已采纳
目前，我对javascript还很陌生，我偶然发现了一个javascript关键字(.logic)。我试着用谷歌搜索这个关键字，但我找不到答案。谁能解释一下这是什么意思？什么时候，为什么我们要使用它？它看起来像是在按逻辑顺序创建对象。
以下是代码的片段：
var checkboxes = slice(document.querySelectorAll('.checkbox'));
for (var checkbox of checkboxes)
checkbox.logic = new Checkbox(checkbox);
*注意:我现在正在尝试学习ARIA。这
浏览 5提问于2016-07-28得票数 0
我刚开始在Javascript中进行面向对象的编程。昨天，我读到了javascript中的prototype和prototype.constructor，以及它们如何在Javascript继承中发挥作用。
我创建了一个javascript函数，继承自父函数之一。但我希望这个孩子的一些方法不要被它的子函数所继承。
那是,
function A //parent
|
|`callA()
`makeA()
这是主父类。
function B //child of A
|
|` callB() //can be inherited
|` makeB() //cannot be inherited
|
浏览 1提问于2014-02-02得票数 1
回答已采纳
我想知道javascript的原型。我知道原型使用户能够向构造函数或对象添加新的属性和方法。
我已经使用了以下几次：
function Example() {}
Example.prototype.add = function () {};
Example.prototype.sub = someVar;
这样，我就可以将Example.add用作函数，将Example.sub用作object的元素。但是当有人写下这样的代码时就会发生
Example.prototype = function() {
//Code
浏览 0提问于2012-03-07得票数 2
回答已采纳
我刚刚得到了Douglas Crockford的Javascript: The Good Parts，我在理解他的一个关于原型的例子时遇到了一些困难。书中的代码如下：
if (typeof Object.create !== "function") {
Object.create = function(o) {
var F = function () {}
F.prototype = o;
return new F;
};
}
我假设这段代码是用来定位函数的原型的。但为什么要使用如此复杂的方法呢？为什么不直接使用v
浏览 0提问于2011-08-04得票数 6
回答已采纳
我要做的是从TField继承id和name，并覆盖TField的render函数。我想知道这是否是在JavaScript中实现继承的标准方法。
var TField=function(jData)
{
this.id=jData.id;
this.name=jData.name;
this.attributes=jData.attributes;
this.render=function(){
alert('TField render.');
};
};
var TChildField=function(jData)
{
va
浏览 5提问于2013-04-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
