JavaScript:通过原型进行属性赋值
在JavaScript中，通过原型进行属性赋值可以实现对象之间的属性共享。这种方法可以减少内存消耗，并提高代码的执行效率。
JavaScript是一种基于原型的语言，每个对象都有一个原型对象，可以通过原型对象来实现属性和方法的共享。当我们创建一个新对象时，它的原型对象会被设置为另一个对象，这个对象就是新对象的原型对象。新对象可以访问原型对象上的属性和方法，从而实现属性和方法的共享。
例如，我们可以通过以下代码来实现对象之间的属性共享：
function Person() {
this.name = 'John';
}
Person.prototype.sayHello = function() {
console.log('Hello, my name is ' + this.name);
};
const person1 = new Person();
const person2 = new Person();
person1.sayHello(); // 输出 "Hello, my name is John"
person2.sayHello(); // 输出 "Hello, my name is John"在上面的代码中，我们定义了一个Person构造函数，并在其原型对象上定义了一个sayHello方法。然后，我们创建了两个Person对象，并调用它们的sayHello方法。由于这两个对象共享了同一个原型对象，因此它们都可以访问sayHello方法。
通过这种方式，我们可以实现对象之间的属性共享，从而提高代码的执行效率。同时，这种方法也可以减少内存消耗，因为所有的对象都共享同一个原型对象上的属性和方法。
相关·内容
给定JavaScript代码：
function Parent() { ... }
function Child() { ... }
Child.prototype = new Parent();
// toString implementation on the parent object
Parent.prototype.toString = function() {
return this.constructor.name;
}
// And the code:
alert(new Child());
..。当想要的结果是得到“子”字符串时，将输出“父”(父toString实现
浏览 0提问于2013-01-06得票数 1
据称，
所有JavaScript对象都是继承树的一部分。树中的每个对象都有一个父对象，也称为原型对象(子对象)。
我在玩，以确保我正确地理解它。下面的打印"lakdas"不应该是因为myOtherObj从父myObj继承了字段x吗？为什么它会记录undefined
var myObj = { x:"lakdas" };
var myOtherObj = { y:"lkjaas" };
myOtherObj.prototype = myObj;
console.log(myOtherObj.x); /* Should print "
浏览 0提问于2015-04-16得票数 0
1回答
JavaScript重写原型方法
、、、、
考虑以下代码： class X {
pop() { return 'ORIGINAL'; }
}
const x = new X();
x.pop(); // 'ORIGINAL' via prototype lookup
x.pop = () => 'NEW'; // install a new pop()
x.pop(); // 'NEW' calls x's pop()
Object.getOwnPropertyDescriptors(x); // has NEW pop
Object.getO
浏览 24提问于2021-01-28得票数 0
回答已采纳
我是Javascript的初学者，很难理解构造器和原型属性之间的关系。
我知道Prototype对象有一个指向构造函数的constructor属性。构造函数有一个指向原型对象的prototype属性。
下面是我试图理解的代码(我的问题在代码中有注释)：
function Car(){};
var myCar = new Car();
console.log(Object.getPrototypeOf(myCar)); //why this prints "Car" Object ? isn't it the constructor not the prototype o
浏览 2提问于2012-07-14得票数 3
回答已采纳
在JavaScript中进行继承时，我经常看到的模式是在原型中定义实例方法，但在构造函数中定义实例字段(参见下面的示例)。这样做的动机是什么？为什么不保持一致，并在原型中定义两者？
function MyClass() {
this.myField = 0; // why this...
}
MyClass.prototype.myField = 0; // ...instead of this?
浏览 1提问于2011-08-09得票数 3
回答已采纳
我目前正在尝试理解javascript中的constructor属性。
只是提醒一下，我知道应该避免改变内置的属性，我只是在玩弄它，因为我想更好地理解基本的原则。
我试图更改默认的constructor属性[] (即数组对象的默认构造函数)
[].__proto__.constructor === [].constructor; // true
[].constructor = function A(){}; // attempts to reset the constructor property to a new function
[].constructor; // prints
浏览 1提问于2019-03-29得票数 3
回答已采纳
据我所知，每个javascript对象都有一个原型，即使它只是来自Object.prototype的一个。
我有一个asp.net the服务代理，它可以从服务器获取参与者数据。那部分运作得很好。下面是代码：
atomWebServiceProxy.GetInteractionParticipants(interactionId,
function (participantsResult) {
var assetId, pendingPathFetches;
participants = p
浏览 5提问于2013-05-06得票数 1
回答已采纳
在这里，Object.create()用于继承。
JavaScript代码：
var x = {
a: 5,
foo: function() {
return this.a * this.a;
}
};
var o = Object.create(x);
console.log('\'x\':', x);
console.log('Object \'o\':', o);
console.log('Property \'o.a\':', o.a);
console.log
浏览 0提问于2018-03-05得票数 0
回答已采纳
2回答
如何在HTML页面中导出要外部调用的对象的方法。
JavaScript代码：
my.namespace.FeedbackController = Class.create();
Object.extend(my.namespace.FeedbackController.prototype, {
initialize:function(fid, fitem){
this.fid = fid,
this.feedback_item = fitem;
},
link_click : function(fstate) {
alert(fstate);
}
});
goog.expo
浏览 0提问于2013-03-27得票数 0
回答已采纳
考虑一段代码
function F(){
this.p=10;
}
F.prototype.newProp='some value';
var f1=new F(), f2=new F();
alert(f1.__proto__==f2.__proto__); //returns true. implies f1 and f2 share same instance of prototype object
f1.newProp='new value'; //changing the value of inherited property
alert(
浏览 2提问于2014-11-20得票数 1
2回答
我试图更好地掌握javascript类的内容和原因。具体来说，我试图理解将一个方法分配给一个原型和使用一个this.methodName =函数.构造函数中的语句。所以，我做了一个实验：
function CThis(){
this.method= function() {
console.log("method of ",this);
};
}
function CProto(){
}
CProto.prototype.method = function() {
console.log("method of ",this);
};
w
浏览 3提问于2016-01-27得票数 1
可能重复：
这个问题是在前几天的工作中提出的--基于类的语言(如Python )和基于原型的语言(如Javascript )之间有什么区别？除了不同的方法之外，这两种方法看起来都非常相似，我们很难找到基于类的语言可以做的事情，而基于原型的语言则不能，反之亦然。
有人能详细说明或详细说明它们之间的根本区别吗？
我还没有在网上找到很多关于这些差异的信息，只是一些网站向您展示了如何与另一个实现一个(如：)。
任何开悟都值得欣赏！
浏览 6提问于2012-07-23得票数 11
回答已采纳
2回答
如何遍历JavaScript数组成员函数，以下代码不起作用:(
for (var i in Array.prototype){
alert(i)
} //show nothing
for (var i in []){
alert(i)
} // show nothing
浏览 0提问于2009-10-06得票数 3
回答已采纳
1回答
在JavaScript中，有人说对象文字有原型链接，但函数对象既有原型链接又有原型属性。
因此，基于以上内容，是否可以说继承(使用prototype属性)只适用于函数对象(构造函数版本)，而不适用于对象文字？
另外，要添加的是，并不是所有浏览器都可以访问__proto__属性...
浏览 2提问于2013-03-07得票数 6
回答已采纳
到目前为止，对于Javascript中的不变性，似乎有两种相反的解决方案：
immutable.js
无缝不变
immutable.js引入了它们自己的(浅)不可变对象，这些对象与对象和数组的默认javascript协议不兼容。
无缝不变使用的POJO是完全不可变的，没有任何魔力，但没有结构共享。
把这两个世界的优点结合起来就太好了。不可变的原型链/树是否是一个适当的解决方案？
基本的原型机制给了我们希望：
var a = [1, 2, 3];
var b = Object.create(a);
b[0]; // 1
b.map(function (x) { return +
浏览 3提问于2015-11-07得票数 5
回答已采纳
在JavaScript中，可以动态地向对象(和函数)添加属性和函数吗？它的名字是什么？
var obj = {};
obj.myProperty = "I have just beed added!";
浏览 0提问于2012-09-19得票数 0
我正在读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
我正在研究Twitter的源代码，我偶然发现了以下代码片段：
window.setTimeout=window.setTimeout;window.setInterval=window.setInterval;
为什么Twitter要重新定义这些函数？
编辑:要查看代码，请转到任何twitter用户页面，打开页面的源代码，您将在javascript的第二个块中看到该代码片段。
浏览 2提问于2011-11-08得票数 6
回答已采纳
我有以下代码：
function A() {
}
A[Symbol.hasInstance] = function(i) {return true}
它在我的Webpack+Babel环境中失败，并显示一个错误：
Uncaught TypeError: Cannot assign to read only property 'Symbol(Symbol.hasInstance)' of function 'function A() {}'
为什么？
浏览 19提问于2016-08-16得票数 1
回答已采纳
我对在对象和this关键字中定义的JavaScript方法感到非常困惑。
在下面的示例中，在实例化Mammal对象时调用toString()方法：
function Mammal(name){
this.name=name;
this.toString = function(){
return '[Mammal "'+this.name+'"]';
}
}
var someAnimal = new Mammal('Mr. Biggles');
alert('someAnimal is '+s
浏览 3提问于2010-06-13得票数 1
回答已采纳
我试图从Javascript中的函数外部访问内部函数，但它只打印"undefined“，而不是打印函数的源代码。如何从exampleFunction范围之外修改函数changeBlah的原型
var blah = "";
function exampleFunction(theParameter){
this.blah = theParameter;
this.changeBlah = function(){
this.blah += "gah";
}
}
var stuff2 = new exampleFunct
浏览 0提问于2012-10-02得票数 0
回答已采纳
3回答
在C++中，我了解到变量用于数据存储，而对象是类的实例。但在JavaScript中，我看到人们将变量作为对象引用。为什么变量在JavaScript中被称为对象。我对此感到困惑。
浏览 0提问于2012-02-07得票数 0
回答已采纳
我想知道JavaScript的以下行为。当我想扩展一个标准的内置对象时，比方说数学，我可以简单地使用一个点来在上面创建一个方法。
例如：
Math.sum = function(a, b) {
return a + b;
}
然而，当我想扩展我自己的对象时，我必须使用原型。
希望有人能启发我。
浏览 2提问于2020-04-25得票数 0
回答已采纳
我有一段javascript代码，我想为它添加一个名称空间。在这段代码中，有一个发生在函数外部的赋值操作。有人能告诉我如何将其放入名称空间吗？代码如下所示。
var mynameSpace={
canvasPanel:{},
stage:{},
someShape:{},
drawLineGraph:function(dataList,color,baseY)
{
//Create a shape
this.dataList=dataList;
this.index=0;
this.currentDay=1;
},
myNameSpace.drawLineGraph.prototype =
浏览 0提问于2013-04-18得票数 0
回答已采纳
在JavaScript中，我们可以为函数的原型分配属性或直接设置它的prototype对象：
var MyClass = function() { };
// The "property" form...
MyClass.prototype.foo = function() { ... };
MyClass.prototype.bar = function() { ... };
MyClass.prototype.gah = function() { ... };
// OR the "assignment" form...
MyClass.prototyp
浏览 4提问于2011-06-06得票数 31
回答已采纳
3回答
我使用的是经典的javascript原型继承，如下所示：
function Foo() {}
Naknek.prototype = {
//Do something
};
var Foo = window.Foo = new Foo();
我想知道我如何改进这一点，以及为什么我不能使用这个模型：
var Foo = window.Foo = new function() {
};
Foo.prototype = {
//Do something
};
为什么这段代码不能工作？在我看来，这比经典的原型继承更符合逻辑。
浏览 0提问于2010-06-12得票数 1
1回答
prototype.js (1.3)的应用程序使用和旧版本，有以下内容：
Object.extend = function(destination, source) {
for (property in source) {
destination[property] = source[property];
}
return destination;
}
Object.prototype.extend = function(object) {
return Object.extend.apply(this, [this, object]);
}
现在，这通常是正常的，但
浏览 0提问于2014-11-14得票数 2
回答已采纳
1回答
我想在Javascript中伪造一个命名空间。这可以按如下方式完成：
var cars = {};
cars.car = function() {
...
}
cars.car.prototype = {
drive: function() {
...
}
}
工作正常。然而，我的问题是，我是否可以直接用JSON填充整个名称空间，如下所示：
var cars = {
car: function() {
...
},
car.prototype: {
drive: function() {
浏览 4提问于2010-10-21得票数 2
回答已采纳
建议始终使用hasOwnProperty，但在许多情况下不需要这样做。例如，考虑以下代码：
var object = JSON.parse(somejsontext);
for(var prop in object) {
console.log(object[prop]);
}
在本例中，我知道prop是对象的一部分，它是由for..in解释的。
但是，根据MOZ ，我们应该使用它来避免迭代非可耕地的道具，下面的例子是：
var buz = {
fog: 'stack'
};
for (var name in buz) {
if (buz.hasOwnPrope
浏览 0提问于2015-08-12得票数 6
回答已采纳
1回答
可能重复：
在JavaScript中创建自定义类和公共方法的最佳实践是什么，更重要的是……为什么？
使用“this”来创建公共方法？
var myClass = function() {
this.myVar = "this is my value";
this.myFunc = function() {
alert( this.myVar );
};
this.myFunc();
};
-还是-使用“原型”创建公共方法？
var myClass = function() {
this.myFunc();
}
浏览 2提问于2012-05-17得票数 1
回答已采纳
我正在通过JS的好的部分，并来到这个例子。在最后一行中，我尝试调用在sum函数的原型链中定义的方法。我搞不懂为什么这不起作用。
定义sum函数：
var sum = function(){
var i, sum=0;
for(i=0;i<arguments.length;i+=1){
sum += arguments[i];
}
return sum;
}
将方法方法添加到函数原型中
Function.prototype.method = function(name, func){
this.prototype.name = fun
浏览 2提问于2016-11-23得票数 0
下面是一个示例：
var cat1 = Object.create({
name: "mia"
});
cat1.hasOwnProperty('name') // false
cat1.name = "haha";
cat1.hasOwnProperty('name') // true
这对我来说相当令人惊讶。
( 1)这里的设计意图是什么？
2)在不创建新属性的情况下，如何使用=？
浏览 5提问于2015-12-30得票数 1
回答已采纳
来自标准和非标准的MDN文档
强烈反对改变对象的[原型]，无论这是如何实现的，因为它非常慢，并且在现代JavaScript实现中不可避免地会减慢后续的执行速度。
使用Function.prototype添加属性是将成员函数添加到javascript类的方法。然后，如下所示：
function Foo(){}
function bar(){}
var foo = new Foo();
// This is bad:
//foo.__proto__.bar = bar;
// But this is okay
Foo.prototype.bar = bar;
// Both cause
浏览 26提问于2014-05-22得票数 61
回答已采纳
我只是刚刚开始搞砸Javascript的继承，无法完成这一任务：
如果我运行这个代码：
function Foo(y) {
this.y = y;
}
Foo.prototype.x = 1;
var Bar1 = new Foo(2);
var Bar2 = new Foo(3);
我希望内存中有以下“结构”：
我在图形上搞砸了，Bar2的属性"y“的值显然是"3”。
幸运的是，我可以通过运行以下代码来确认这一点：
console.log("Prototype - x: ", Foo.prototype.x, " y: ", Fo
浏览 5提问于2014-08-22得票数 7
回答已采纳
2回答
如果所有实例都共享了原型，为什么它不能工作呢？
var Module = function(){};
Module.prototype.sharedValue = "value";
var a = new Module();
var b = new Module();
a.sharedValue = "other value";
console.log(b.sharedValue) // it prints 'value' and not 'other value'
浏览 2提问于2014-03-14得票数 0
回答已采纳
class Base{
constructor(val){
this.val = val;
}
basep = 'default1';
basef(){
return 2;
}
}
class Test1 extends Base{
constructor(val,name){
super(val);
this.name=name;
}
getp(){
console.log(this.name,this.val
浏览 26提问于2020-10-19得票数 0
我最近一直在研究Javascript，我认为我已经知道了原型特性，直到我遇到了一个小问题。
我发现，如果您创建了一个对象的两个新实例，并且在这两个对象中的任何一个对象中，您都更改了变量的值，它也会在另一个对象中进行更改，这不是我当时要寻找的效果，必须将属性放在构造函数中，以使它们在每个实例中保持独立。
何时需要每个对象实例共享属性(字符串、bools等)？
原型真的只用于声明函数吗？在构造函数中声明所有属性？
举个例子：
function Animal(name) {
this.name = name;
}
Animal.prototype = {
color: null,
浏览 3提问于2013-09-06得票数 1
回答已采纳
1回答
我正在编写Javascript中的域对象，Javascript中填充了数据库字段。假设我有两个对象dog和cat，并且我有以下构造函数定义：
function Dog(opt_data) {
var data = opt_data || {};
this.createdAt = data['created_at'];
this.updatedAt = data['updated_at'];
this.name = data['name'];
this.breed = data['breed'];
}
f
浏览 1提问于2017-03-09得票数 1
> function Parent() {this.arr = [];}
undefined
> function Child() {}
undefined
> Child.prototype = new Parent();
{ arr: [] }
> child1 = new Child();
{}
> child2 = new Child();
{}
> child1.arr.push('From child1');
1
> child2.arr
[ 'From child1' ]
>
鉴于以上所述，我希望ch
浏览 0提问于2015-05-29得票数 0
回答已采纳
我正在使用
var foo = function(){}
typeof(foo) -返回函数而不是对象
而javascript的概念告诉我们，javascript中的所有函数都是对象？
浏览 2提问于2017-01-28得票数 3
我偶然发现了JavaScript的一个特性，不确定它是故意的还是Chrome浏览器中的一个bug。如果基类同时具有同名的get和set属性访问器，则继承的类不能只重写其中一个，它必须重写这两个属性访问器。
class Class1 {
constructor() {
this._item = 1;
}
set item(value) {
this._item = value;
}
get item() {
return this._item;
}
}
class Class2 extends Class1 {
constructor
浏览 0提问于2020-02-22得票数 1
我是javascript原型继承的书呆子。我能理解下面代码中发生的事情。
function Hamster() { }
Hamster.prototype = {
food: [],
found: function(something) {
this.food.push(something)
}
}
// Create two speedy and lazy hamsters, then feed the first one
speedy = new Hamster()
lazy = new Hamster()
speedy.found("apple"
浏览 1提问于2014-04-14得票数 1
回答已采纳
1回答
所以原型和他们的后代在默认情况下都过着自己独立的生活。
我的意思是，自由地接受新的属性，同时忘记它们的来源(比如人类的记忆-我们知道一些东西，却不记得这些知识来自哪里)。试图找到一种类似于我们自身发展的自然形式的概念模型。例如，如果我没有弄错，JavaScript总是会跟踪新属性的来源。
浏览 4提问于2020-11-04得票数 0
回答已采纳
一些背景:为了自己的乐趣和学习目的，我一直在实现一个用于双向数据绑定的库，并且我一直在一个接一个地消除性能问题。这就是我如何注意到Object.setPrototypeOf的MDN文档顶部的一个大警告，该警告声明
警告:根据现代JavaScript引擎如何优化属性访问的本质，更改对象的[原型]在每个浏览器和JavaScript引擎中都是非常缓慢的操作。更改继承对性能的影响是微妙和深远的，而不仅仅限于在Object.setPrototypeOf(.)中花费的时间。语句，但可以扩展到访问[Prototype]已被更改的任何对象的任何代码。如果您关心性能，您应该避免设置对象的[原型]。相反，使用O
浏览 1提问于2018-10-04得票数 0
我对 in JavaScript的概念相当熟悉(或者至少我认为我很熟悉)。
请考虑下列发言：
函数声明将与其主体一起悬挂，而函数表达式则不会；只有var语句才会悬挂。
“函数声明和函数变量总是被JavaScript解释器移动(‘悬挂’)到其JavaScript作用域的顶部”- Berry
现在考虑以下功能：
function User() {
this.name = "";
this.life = 100;
this.heal = function heal(player) {
player.life+=5;
co
浏览 5提问于2017-03-26得票数 4
回答已采纳
我正在学习javascript，希望能帮助我理解代码片段。
从定义中，第一个参数是一个对象。MyObjectConstructor是一个声明或一个对象。使用构造函数，我希望调用新使其成为一个对象。
这就是让我困惑的地方。或者，正如我在Javascript中所读到的，函数是对象，所以我是否将它作为一个对象来对待，这个属性是添加所有staticProps和instanceProps的地方？
var _prototypeProperties = function (child, staticProps, instanceProps) {
if (staticProps){
Ob
浏览 5提问于2015-04-18得票数 4
回答已采纳
以前有没有人注意到过这种行为？这真的把我吓跑了..。我希望原型数组对每个类实例都是私有的，而不是在所有类实例之间共享。
是否有人可以验证这是正确的行为，并可能更详细地解释此行为？
请注意注释的代码以及它如何影响脚本的行为。
<html>
<head>
<script type="text/javascript">
function print_r( title, object ) {
var output = '';
for( var key in object ) {
output +
浏览 3提问于2010-12-13得票数 22
回答已采纳
ECMAScript 5为构建和继承定义了一个非常常见的工厂模式，称为Object.create()。我只是简单地传递要继承的对象，并返回一个新对象，所有这些都是正确连接起来的。
考虑一下片段：
var a = {
phrase: "Hello",
say: function(){ alert(this.phrase); }
};
var b = Object.create(a);
如下所示，我的理解是否正确？
当b第一次创建时，它有一个名为短语的原型继承属性，这意味着该属性不是在实例(b.phrase)上，而是实际上在原型(b.prototype.phras
浏览 3提问于2015-12-27得票数 1
回答已采纳
2回答
考虑以下代码
Class = function()
{
//this.array = [];
}
Class.prototype.array = [];
Class.prototype.str = null;
var a = new Class();
var b = new Class();
a.array.push("a");
console.log (a.array);
b.array.push("b");
console.log (b.array);
a.str = "a";
console.log (a.str);
con
浏览 3提问于2015-09-25得票数 1
回答已采纳
我在Javascript中有这样的代码：
function Camada(nome) {
Camada.prototype.nome = nome;
Camada.prototype.desenhar = function () {
};
};
var camadas = [];
for (var i = 0; i < 10; i++) {
var camada = new Camada('nome' + i);
camadas[i] = camada;
}
for (var i = 0; i < 10; i++) {
console.
浏览 2提问于2014-07-08得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
