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方法。
通过这种方式，我们可以实现对象之间的属性共享，从而提高代码的执行效率。同时，这种方法也可以减少内存消耗，因为所有的对象都共享同一个原型对象上的属性和方法。
相关·内容
2回答
具有原型属性和无原型差异的定义方法
javascript、function、prototypejs
请澄清这两种代码的差别。
function Person(gender) {
this.gender = gender;
alert('Person instantiated');
}
Person.prototype.sayHello = function()
{
alert ('hello');
};
var person1 = new Person('Male');
var person2 = new Person('Female&#
浏览 2提问于2014-01-13得票数 0
回答已采纳
2回答
通过call()调用父类的构造函数
javascript
// Parent class
function Person(name) {
this.name = name;
}
Person.prototype.sayHello = function() {
console.log("Hello. My name is " + this.name);
};
Person.prototype.sayGoodbye = function() {
console.log("Goodbye!");
};
// Child class
function Student(name, gpa) {
Pers
浏览 0提问于2021-01-14得票数 0
2回答
可以重新定义JavaScript类的方法吗？
javascript、class
在JavaScript中使用构造函数创建类时，是否可以稍后重新定义类的方法？
示例：
function Person(name)
{
this.name = name;
this.sayHello = function() {
alert('Hello, ' + this.name);
};
};
var p = new Person("Bob");
p.sayHello(); // Hello, Bob
现在我想像这样重新定义sayHello：
// This doesn't work (creates a
浏览 1提问于2014-01-21得票数 5
回答已采纳
2回答
使用.prototype向变量添加方法
javascript
我想分析这段代码，但我遇到了一些麻烦。我的麻烦从这条线开始。Customer.prototype = new Person();。据我所知。我们可以向我们的变量添加一些方法，就像我们使用Person.prototype.getName时那样。很好，现在Person有一个指向返回名称的函数的proto。那么，当我们做Customer.prototype = new Person();时，这意味着什么呢？这是否意味着将Person中的所有方法和语句放入变量Customer中
var Person = function(name) {
this.name = name;
};
Person.p
浏览 1提问于2016-07-01得票数 0
回答已采纳
1回答
这是JavaScript的原型继承模型中的一个缺陷吗？
javascript、inheritance、prototypal
我从John的“JavaScript忍者的秘密”中学习了JavaScript中的原型继承，我想知道在下面的代码示例(我刚刚编出来的)中发生了什么。
function Person() {}
Person.prototype.sayHello = function() {
alert("Hello World");
}
function Ninja() {}
Ninja.prototype.swingSword = function() {
alert("I can swing my sword.");
}
Ninja.prototype
浏览 2提问于2013-08-26得票数 3
回答已采纳
15回答
使用"Object.create“而不是"new”
javascript、constructor、new-operator、object-create
JavaScript1.9.3/ ECMAScript 5引入了Object.create，Douglas Crockford和其他人在很长一段时间内一直是。如何将以下代码中的new替换为Object.create
var UserA = function(nameParam) {
this.id = MY_GLOBAL.nextId();
this.name = nameParam;
}
UserA.prototype.sayHello = function() {
console.log('Hello '+ this.name);
}
var bob
浏览 4提问于2010-04-26得票数 388
回答已采纳
3回答
如何基于现有类创建新的JavaScript类并对其进行扩展
javascript、constructor、javascript-objects
我正在学习JavaScript，对于如何在现有类的基础上创建新的JavaScript类并对其进行扩展，我一点也不困惑。
我有一个Person类，我从(John和Suzie)创建了两个实例。现在，我想创建另一个类( Employee )，它的基础是其他属性很少的人，比如Employee Number (并且它是否有可能返回到John，以便他从Employee类继承)。
这就是我得到的：
var Person = function (name, age){
this.name = name || "UNKNOWN";
this.age= age || "UN
浏览 5提问于2013-09-23得票数 0
回答已采纳
1回答
JavaScript原型继承--这段代码与另一种不同吗？
javascript、prototypal-inheritance
我有一个关于JS原型的问题：
如果我有以下构造函数：
function Person(name) {
if (!(this instanceof Person))
return new Person(name);
this.name = name;
}
Person.prototype.sayHello = function() {
console.log("Hello from " + this.name);
}
这里我有一个绑定到Person原型的方法sayHello，这个方法更节省内存，如下所示：
function Perso
浏览 0提问于2015-04-16得票数 3
回答已采纳
2回答
JavaScript原型-对象-如何访问继承
javascript、inheritance、prototype
目前，我试图理解Javascript原型对象。以下情况：
// new Person object
function Person () {
this.greeth = function() {
console.log("Good morning, " + this.name);
};
};
// add new function to Person.prototype for inheritance
Person.prototype.sayWeight = function() {
console.log(this.weight);
浏览 2提问于2013-10-12得票数 0
回答已采纳
2回答
JavaScript -无法访问函数
javascript、function
在从下面的代码访问saluteFriends和sayHelloLater方法时需要帮助。我被方法范围搞糊涂了。猜测，因为这两种方法都是私有的，因此无法访问。
function Person(name, friends) {
// friends is a list of strings
var say = function (sentence) {
console.log(name + ' says: ' + sentence);
};
Person.prototype.sayH
浏览 5提问于2017-01-31得票数 0
回答已采纳
4回答
在JavaScript中构建构造函数时，最佳实践是什么？
javascript、inheritance
因此，我一直在试图找出Javascript中的原型继承，但我仍然在一点上感到困惑。假设我想为一个人做一个构造函数，它有几个自己的函数。
function Person(name) {
this.name = name;
this.sayName = function() {
console.log("My name is " + name);
}
}
var john = new Person("John");
john.sayName();
因此，在本例中，我创建了一个对象并调用了一个函数，但是这似乎并不是有效的方法。我见过的另一个例子
浏览 9提问于2015-10-17得票数 0
回答已采纳
4回答
创建OOP Javascript的误区
javascript、oop
我很难理解一些东西。我已经寻找了一段时间的分歧，但我似乎找不到答案，我正在寻找。
我正在努力学习OOP javascript，我读到的每一篇教程似乎都有一种不同的继承方式，而且通常是以非常复杂的方式解释的。我现在遇到的问题与为对象创建方法有关，我正在使用Mozilla文档中的代码。
您将在下面的大型代码块中看到，我尝试在Person中添加一个Person方法，如下所示：
Person.prototype = {
jump: function() {
console.log("Jumping")
}
}
这不起作用，它基本上破坏了整个类，告诉我student1.w
浏览 11提问于2016-03-09得票数 0
回答已采纳
6回答
javascript中原型的含义
javascript
我编写了从Person继承reader的简短代码
<script>
/* Class Person. */
function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
var reader = new Person('John Smith');
alert(reader.getName());
</script>
或者，我可以删除Person.prototype.getName = f
浏览 2提问于2012-07-18得票数 20
回答已采纳
3回答
使用Object.create()，示例是否应该将方法附加到它们的“prototype”属性？
javascript、oop、prototypal-inheritance
我一直在读和。Adobe的文章有一个“新”示例：
function Foo() {
this.name = "foo";
}
Foo.prototype.sayHello = function() {
alert("hello from " + this.name);
};
将...that替换为：
var foo = {
name: "foo",
sayHello: function() {
alert("hello from " + this.name);
}
};
在这
浏览 3提问于2014-03-28得票数 1
回答已采纳
3回答
为什么javascript函数每次调用都有实例？
javascript、function、object、instance
javascript介绍说:当我有如下代码时：
var Person=function(name){
this.name=name;
this.sayHello=function(){return 'Hello '+name;}
}
每当我实例化一个"Person“时，内存中就会有一个"sayHello”函数的副本。为了减少内存消耗，我可以如下所示修改代码：
var Person=(function(){
var sayHello=function(){return 'Hello '+name}
浏览 1提问于2016-07-14得票数 1
回答已采纳
5回答
为什么'this‘关键字在javascript中对象的速记方法中不起作用？
javascript
我在学习javascript。我在javascript中使用了下面的“this”
let person = {
name: 'Krishna',
age: 35,
sayHello() {
return 'Hello, my name is ' + this.name;
},
sayHi: () => `Hi ${this.name}`
};
console.log(person.sayHello());
console.log(person.sayHi());
sayHello()函数正确地将
浏览 0提问于2018-03-20得票数 2
回答已采纳
3回答
使用两种不同的方式调用方法
javascript、node.js
我对JavaScript和Node.js很陌生，并且正在学习OOP，并遇到了两种方法调用方法。
我的代码：
var Person = function(name) {
this.fName = name;
};
Person.prototype.sayHello = function(){
console.log("Hello, I am " + this.fName);
}
var person1 = new Person("mike");
person1.sayHello();
var helloFunction = person1.s
浏览 1提问于2016-04-13得票数 2
回答已采纳
1回答
原型与调用之间的Javascript差异
javascript
我正在学习javascript，我感到很困惑。上的一个示例，其示例如下：
// define the Person Class
function Person() {}
Person.prototype.walk = function(){
alert ('I am walking!');
};
Person.prototype.sayHello = function(){
alert ('hello');
};
// define the Student class
function Student() {
// Call the parent
浏览 3提问于2013-10-28得票数 4
回答已采纳
4回答
原型继承
javascript
在这里，我试图理解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
回答已采纳
1回答
声明JavaScript成员函数的最佳实践
javascript、class、prototype
下面有两个成员函数，sayHello和sayHi，它们有效地完成了相同的任务：
function Person (n) {
this.name = n;
this.sayHello = function() {console.log("Hello, my name is "+this.name);};
};
Person.prototype.sayHi = function() {console.log("Hi, I'm "+this.name);};
Jeff = new Person('Jeff');
Joe = new P
浏览 1提问于2015-09-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
