为什么我们在原型继承中使用临时框？
在原型继承中使用临时框的目的是为了解决原型链继承带来的问题。原型链继承是JavaScript中一种常见的继承方式，通过将父对象的实例作为子对象的原型来实现继承。然而，使用原型链继承存在以下问题：
- 共享属性：子对象的实例共享父对象原型上的属性，当一个实例修改了这些属性时，会影响到其他实例。
- 无法传递参数：父对象的构造函数无法接收参数，导致无法在创建子对象实例时传递参数。
为了解决这些问题，可以使用临时框来实现原型继承。临时框是一个空函数，通过将父对象的实例赋值给临时框的原型，然后将临时框的实例作为子对象的原型，从而实现继承。这样做的好处包括：
- 避免共享属性：每个子对象实例都有自己的原型，不会共享父对象原型上的属性，解决了共享属性的问题。
- 可传递参数：通过在临时框的构造函数中接收参数，并在创建子对象实例时传递参数，实现了参数的传递。
临时框的实现示例代码如下：
function Temp() {} // 临时框
Temp.prototype = parentObj.prototype; // 将父对象的实例赋值给临时框的原型
childObj.prototype = new Temp(); // 将临时框的实例作为子对象的原型
childObj.prototype.constructor = childObj; // 修复子对象原型的构造函数指向问题使用临时框实现原型继承可以解决原型链继承的问题，使得子对象实例拥有独立的属性，并且可以传递参数。然而，需要注意的是，临时框的实现方式并不是完美的，可能会带来一些性能上的损失。因此，在实际开发中，可以根据具体情况选择合适的继承方式，如组合继承、原型式继承、寄生式继承等。
相关·内容
我总是看到这样写的代码：
function F() {};
var obj = {...}
F.prototype = obj;
F.prototype.constructor = F // why need this
在重新设置原型：F.prototype = obj之后，为什么最后一行是必需的？这是什么重置构造函数，它是否总是需要的？
浏览 0提问于2013-07-29得票数 3
回答已采纳
在开发人员控制台(Mozilla、Chrome、nvm)中，这些代码按预期工作：
var proto = {x: 3};
var obj = Object.create(proto);
所以obj将是{x: 3}
但在node.js，我得到了{}
为什么？
浏览 1提问于2014-10-02得票数 7
回答已采纳
在我了解Object.create()之前，当我比现在更不了解原型时，我编写了一些代码，如下所示：
var Foo = function() {
this.report('Foo');
};
Foo.report = function(i) { // You read that right; it's not 'Foo.prototype.report'
alert('report: ' + i);
};
var Bar = function() {
this.report('Bar');
}
浏览 3提问于2013-08-10得票数 1
回答已采纳
我对JavaScript非常陌生。我正在读JavaScript的好部分。上面写着：
每个函数对象还使用一个原型属性创建。
所以我做了这样的事：
function test() {
}
console.log(test.prototype);
使用Chrome的开发工具，我发现输出如下：
我真的对这个输出感到困惑。为什么constructor的prototype属性又与constructor嵌套在一起?为什么这就像一条链?我在哪里错过了这个概念？
提前谢谢。
浏览 3提问于2012-05-30得票数 10
回答已采纳
我一直在想，自从我了解了原型继承之后，为什么要将父类的实例推入子原型，而不是原型本身？
var Animal = function(type){
this.type = type;
}
Animal.prototype.getType = function(){
return this.type;
}
var Cat = function(options){
this.breed = options.breed;
}
//Inheritance
Cat.prototype = new Animal('Cat');
为什么不这样继承呢？
Cat.prot
浏览 0提问于2010-12-06得票数 17
回答已采纳
6回答
很好地解释了classical inheritance和prototypal inheritance之间的区别。我对此很感兴趣，因为我开始使用Java，但后来转到Javascript。
在他的回答中，他为prototypal inheritance说：“所有关于类的事情都消失了，如果你想要一个对象，你只需要写一个对象。”
然而，关于如何在Javascript中“编写类”，有太多的文档和。
为什么要把语言变成它不是的东西呢？我正在寻找一些具体的例子，说明在JS应用程序中使用类在这种原型语言中更合理，以及笨拙地将正方形钉插入圆孔的好处。正如Aravind所说，为什么人们通过将Javascript与
浏览 4提问于2014-11-21得票数 9
回答已采纳
我为"car“创建一个构造函数，然后创建两个cars，一个使用"new”关键字，另一个使用"Object.create“
function car (name) {
this.name=name
}
let car1 = new car("volvo")
let car2 = Object.create(car.prototype)
car2.name = "hyundai"
BTW:可以像用"Object.prototype“那样立即设置属性吗？(这样我就不用用下一行“car2.name=”现代“了”)
然后，如果
浏览 1提问于2021-04-25得票数 0
3回答
最近，我读到了关于MDC中JavaScript调用用法的文章。
下面的例子中有一个链接，我还是不明白。
为什么他们在这里这样使用继承？
Prod_dept.prototype = new Product();
这有必要吗？中对超级构造函数的调用
Prod_dept()
不管怎么说，像这样
Product.call
这只是一种常见的行为吗？什么时候对超级构造函数使用call更好，还是使用原型链更好？
function Product(name, value){
this.name = name;
if(value >= 1000)
this.value = 999;
浏览 2提问于2010-11-11得票数 82
回答已采纳
function protoFunc(name) {
this.name;
this.getName = function () {
return this.name;
}
}
这里我创建了一个构造函数。现在，此构造函数具有一个prototype属性，该属性包含一个对象，在该对象上定义成员，即要继承的方法和属性。其中一个成员是“构造函数”属性，它指向函数本身。
那么，为什么既没有在prototype属性中，也没有在构造函数属性中看到我刚才在函数中创建的方法和属性？
我只看到这个：
arguments: null
caller: null
length:
浏览 1提问于2021-07-21得票数 1
回答已采纳
这个讨论了差异继承。它接着说：
此方法允许您轻松地实现差异继承，其中对象可以直接从其他对象继承。
据我所知，JavaScript总是允许对象通过原型继承直接从其他对象继承。在JavaScript中没有类的概念。那么，差异继承到底意味着什么?为什么它被称为差异继承？
记者:一段时间前，我已经放弃了对这个答案的评论，但是我没有收到任何回复。所以想和So JavaScript用户的更大更棒的社区联系一下。
浏览 4提问于2013-07-21得票数 8
当我执行以下js代码时，我发现了一些奇怪的东西：
function Contact(name, email) {
this.name = name;
this.email = email;
}
Contact.prototype = {
a: 10,
b: 20
};
var obj = new Contact('ssj', 'ssh');
obj.a = 'ssjssh';
console.log(obj);
console.log(Contact.prototype);
//output: { name:
浏览 6提问于2015-12-24得票数 3
回答已采纳
3回答
我对我在中找到的javascript原型有点好奇，我做了一些修改，所以我可以这样尝试一下：
<html>
<body>
<script>
function Product(name, price) {
this.name = name;
this.price = price;
}
function Food(name, price) {
Product.call(this, name, price);
th
浏览 0提问于2013-09-16得票数 1
我很难理解PrototypeJS多个类实例。
下面是我的代码示例：
var Test = Class.create();
Test.prototype = {
settings: {
a: {},
b: {},
},
initialize: function(options) {
this.settings.c = options.c;
}
};
var a = new Test({c: 1});
console.log(a.settings);
var b = new Test({c: 2});
console.log(a.settings)
浏览 0提问于2016-02-22得票数 1
回答已采纳
在这个中，下面是Javascript代码，
function Manager() {
Employee.call(this);
this.reports = [];
}
Manager.prototype = Object.create(Employee.prototype);
对应的Java代码。
public class Manager extends Employee {
public Employee[] reports = new Employee[0];
}
Manager.prototype是在上述代码中设置的。Employee.prototype不像中所示的那样设
浏览 2提问于2015-08-27得票数 1
回答已采纳
2回答
有人能给我解释一下Me.prototype.constructor = Me;的用法吗?为什么需要它，这段代码是正常工作的还是没有工作的？
在代码中，prototype对象是在Me对象上创建的，它被实例化并替换为旧的prototype对象。为什么我需要在给定的代码中指向我的构造函数？
function Me(){
this.name = 'Dejan';
}
function You(){
this.name = 'Ivan';
}
Me.prototype = new You();
somebody = new Me();
Me.pr
浏览 5提问于2011-07-31得票数 10
回答已采纳
在过去，在JavaScript中创建“类”时，我这样做过：
function Dog(name){
this.name=name;
this.sound = function(){
return "Wuf";
};
}
然而，我只看到有人这样做：
var Dog = (function () {
function Dog(name) {
this.name = name;
}
Dog.prototype.sound = function () {
return "Wuf
浏览 6提问于2015-03-24得票数 11
回答已采纳
6回答
要在Javascript中实现继承，一般需要执行以下两个步骤；
说我有一个基类“动物”
var Animal = function(name){
this.name = name;
}
现在，我想从同一个类派生一个子类"Dog“。所以我想说
var Dog = function(name) {
Animal.call(this,name);
}
因此，我从派生类构造函数中调用父类构造函数。第二步是将原型设置如下；
Dog.prototype = new Animal();
现在，我可以从派生的类Dog中访问任何基本的“动物”类属性。
所以我的问题是，为什么这两个步骤是必要的？如果
浏览 4提问于2013-03-07得票数 3
回答已采纳
2回答
我正在将一个JavaScript客户机编码为REST JSON API。因为我不想让它依赖于任何其他库，所以我使用普通的javascript。
一切都运行得很好，但我在IE的继承方面遇到了问题(它可以在所有其他浏览器中工作)。我是这样做的；
/**
* BaseClass
*/
api.BaseClass = function(something) {
this.someFunction(something);
};
api.BaseClass.prototype.someFunction = function() {
// Code...
};
/**
* Subclass
*
浏览 4提问于2011-05-18得票数 2
回答已采纳
似乎我终于理解了JavaScript继承以及应该如何正确地完成它。这是我的代码：
function Human(eyes) {
this.eyes = eyes ? "Not blind" : "Blind";
}
Human.prototype.canSee = function () {
return this.eyes;
};
function Male(name, eyes) {
Human.call(this, eyes);
this.name = name;
}
Male.prototype = Object.crea
浏览 1提问于2013-07-18得票数 5
回答已采纳
我看到了两种不同的模式和解释。一个来自DailyJS和许多其他: Rectangle.prototype = new ()；
然后是克罗克福德的，它意味着Rectangle.prototype = Shape；
从理论上讲，你为什么要运行“新”呢？是的，它运行构造函数。它还指定矩形的原型，形状的原型。但是，我们应该能够进行继承，只需将父节点简单地分配到原型中即可。
我想知道原因是否是原型链。看起来，在第1种情况下，它将创建一个原型链。这意味着矩形原型将具有形状 prototype 。在第二种情况下，矩形的原型将只包含Shape的方法，而不是Shape的 prototype 方法。
是那么回事吗
浏览 2提问于2012-10-26得票数 0
回答已采纳
2回答
我知道原型可以用来将属性扩展到它们的子类。然而，我不明白为什么要在主对象构造函数类本身中有一个"Object.prototype.property“？
在Person构造函数中为什么选择Person.prototype.name = "Nicholas";而不是this.name = "Nicholas";
function Person(){
Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "So
浏览 3提问于2014-08-08得票数 2
我一直在尝试javascript中的一些基础知识，下面是我所观察到的。
我写了一个函数对象的原型修改方法
Function.prototype.method = function(name, func)
{
this.prototype[name] = func;
return this;
}
function pirates(value)
{
console.log("I just throw away the value!!" + value);
}
pirates.method("my_skill", function(){
c
浏览 2提问于2009-12-29得票数 2
回答已采纳
4回答
给出了这样实现继承的标准方法
function BaseClass() {
}
function SubClass() {
BaseClass.call(this);
}
SubClass.prototype = Object.create(BaseClass.prototype);
SubClass.prototype.constructor = SubClass;
为什么要做？
SubClass.prototype = Object.create(BaseClass.prototype);
最后的结局就像
function F(){}
F.prototype = BaseCl
浏览 5提问于2016-02-04得票数 3
回答已采纳
我刚刚开始看Lua，我正在看。
Account = {balance = 0}
function Account:new (o)
o = o or {}
setmetatable(o, self)
self.__index = self
return o
end
我不明白为什么构造函数不只是
function Account:new (o)
o = o or {}
setmetatable(o, {__index = self})
return o
end
我希望对此有任何帮助。
编辑：
@Egor观察到，第二种方法会产生太多的元数据。好吧，我明白了(事实上，这是
浏览 3提问于2020-12-19得票数 1
1回答
我在摆弄原型链，注意到一些我无法解释的东西。我还在学习这一切，所以这可能是我犯的错误。我想做一些多重继承，就像很多其他人一样。我注意到原型对象看起来很像散列/字典，我想，为什么不使用像underscore.extend这样的东西将多个原型对象合并为一个。
function A(){this.value="A";};
A.prototype.funcA = function (){console.log(this.value);}
function B(){this.value="B";};
B.prototype.funcB = function (){cons
浏览 3提问于2011-08-31得票数 2
回答已采纳
考虑在JavaScript中构造对象层次结构的这两个版本：
版本1
function Employee() {
this.name = "NoName";
this.dept = "NoDept";
};
function Manager() {
Employee.call(this);
this.reports = "Nobody";
}
//Manager.prototype = Object.create(Employee.prototype);
var m = new Manager();
consol
浏览 0提问于2014-12-16得票数 1
回答已采纳
2回答
我在学习Node Js。在我的书中，我遇到了一段代码片段，其内容如下：
var EventEmitter = require("events").EventEmitter;
var inherits = require('util').inherits;
//Custom class
function Foo(){
EventEmitter.call(this);
}
inherits(Foo, EventEmitter);
Foo.prototype.connect = function(){
this.emit('connected
浏览 1提问于2015-06-06得票数 4
回答已采纳
我正在使用NodeJS在javascript中玩继承，我不明白为什么当从两个构造函数进行多重继承时，NodeJS只显示一个继承实体。
这是我试过的密码。
const util = require('util')
function person(){
this.species = 'human'
this.planet = 'earth'
}
function animal(){
this.stupid = true
}
function boy(){
animal.call(this)
person
浏览 0提问于2019-03-01得票数 0
回答已采纳
4回答
我一直在尝试理解JS中的原型概念，但出于某种原因，我发现它真的令人费解。为什么要使用原型?什么时候使用原型？
这(来自这个)有什么区别：
function Person(gender) {
this.gender = gender;
}
Person.prototype.sayHello = function()
{
alert ('hello');
};
还有这个：
function Person(gender) {
this.gender = gender;
this.sayHello = function() {
alert('hell
浏览 3提问于2013-04-04得票数 3
回答已采纳
我有F，它继承自形状。
F.prototype = Shape.prototype;
F创建名为test的新方法。
F.prototype.test = function(){return 'test';};
我知道，如果我写F.prototype = Shape.prototype;，我在F中创建的所有方法都将被其他继承自Shape的类使用。
我做错了什么？
为什么在执行代码alert(B.test());时会出现错误
function Shape(){}
Shape.prototype.name = 'shape';
Shape.prototype.toS
浏览 2提问于2012-09-20得票数 1
回答已采纳
我的问题是一个类(Teacher)如何从它的父类(Person)继承方法(greeting)。
class Person {
constructor(name) {
this.name = name
}
greeting() {
console.log(`Hi! I'm ${this.name}`);
};
}
class Teacher extends Person {
constructor(first, subject) {
super(first);
this.subject = subject;
浏览 1提问于2020-08-03得票数 0
2回答
继承自person的foo1和foo2。为什么foo1.a和foo2.a是一样的？
var foo1, foo2;
var person = function(a) {
this.a = []
this.b = 1;
console.log('construct 1');
}
var kevin = function(a, b) {
console.log('construct 2');
}
kevin.prototype = new perso
浏览 1提问于2012-11-22得票数 0
到目前为止，我看到了在JavaScript中创建对象的三种方法。哪种方法最适合创建对象?为什么？
我还看到，在所有这些示例中，关键字var没有在属性 - 之前使用，为什么？是否没有必要在属性名称之前声明var，因为它提到属性是变量？
在第二和第三种方式中，对象的名称是大写的，而在第一种方式中，对象的名称是小写的。我们应该为对象名使用什么大小写？
第一种方法：
function person(fname, lname, age, eyecolor){
this.firstname = fname;
this.lastname = lname;
this.age = age;
th
浏览 41提问于2011-07-27得票数 180
回答已采纳
我是JavaScript的新手，我试着理解这个概念。我读过很多关于原型和构造器的文章，但是无论我走到哪里，我都会感到困惑。
当人们同时谈论构造者和原型时，就会产生混乱。
在下面的示例中
var employee = function Emp(name) {
this.name = name;
}
var jack = new employee("Jack Dwain");
employee.constructor // gives Function()
employee.prototype // gives Emp {}
employee.prototype.co
浏览 8提问于2015-02-19得票数 51
回答已采纳
守则如下：
function Building(b_height,b_address,b_cost){
this.b_address = b_address;
this.b_cost = b_cost;
}
Building.prototype = {
constructor:Building,
}
var house = new Building("No.211 Spring Street",5000);
//add a new method to Building.prototype
Building.proto
浏览 3提问于2014-07-11得票数 0
回答已采纳
我是Js OOp的新手。我在某个地方读到了在OOP中使用JS的原型，Ok，这里是一个例子
function Dog(name) {
this.name = name;
this.age = age;
this.bark = function() {
console.log("Woof");
}
}
现在我的问题是为什么我们不能创建这样的对象
Dog doberman = new Dog;
这将创建一个新的Dog对象。
但是通过原型我们做了这样的事情
var doberman = Object.create(dog);
我读到，函数
浏览 1提问于2015-10-21得票数 0
我很困惑，有没有人可以在javascript中指导，如果函数对象(Function.prototype)的原型属性没有原型属性，那么为什么用户定义的函数会自动具有原型属性。喜欢
function f(){
}
f.prototype.
谢谢
浏览 5提问于2018-07-06得票数 0
我仍然没有完全理解JavaScript中的遗传障碍切分(原型与古典)。
如果class只是原型机上的语法糖，我该如何解除它呢？
您能向我介绍使用类和原型(即没有class和React.createClass)创建React元素的不同方法吗？
因此，是否有一种使用本机Object.create**?**获取有状态组件的方法？
如下所示：
const Hello = Object.create(React.Component.prototype, {
componentDidMount: {
value: function() {
alert('Mounted
浏览 10提问于2017-04-20得票数 4
3回答
我有一个方法，可以在创建新对象时选择prototype对象(复制自"Javascript: Good Parts“一书)：
Object.create = function(o) {
var F = function() {};
F.prototype=o;
return new F();
}
现在说，我有一个对象：
var car = {
model: "Nissan"
};
我使用" create“方法基于这个对象创建了一个新对象：
var car1 = Object.create(car);
然后，我可以向car添加一个属性，
浏览 5提问于2012-04-26得票数 5
回答已采纳
2回答
古典继承与原型继承的区别
、、、、
我在这里找到了这个定义：
你不觉得很尴尬吗？这个定义有意义吗？对于我来说，在这两种情况下，都有一个构造函数的使用(使用new，您可以覆盖返回的对象，这就是全部)，在这两种情况下，都有一个原型继承。我是不是漏掉了什么，或者上面的定义不太准确？
*3.古典继承与原型继承有什么区别？
类继承：实例从类继承(如蓝图 - ，类的描述)，并创建子类关系:分层类分类法。实例通常通过带有new关键字的构造函数实例化。类继承可以使用来自ES6的ES6关键字，也可以不使用。
原型继承：实例直接从其他对象继承。实例通常通过工厂函数或Object.create()实例化。实例可以由许多不同的对象组成，这样可以方便地进
浏览 3提问于2016-01-10得票数 7
回答已采纳
前几天我写了两个类，我需要覆盖和调用覆盖的方法(getQuery)。
//parent
function SimpleUser() {
this.firstName = "X";
}
SimpleUser.prototype.getQuery = function(sub) {
//solution for not getting undefined variables
var that = sub || this;
var query = "first="+that.firstName;
return query;
}
//chil
浏览 0提问于2011-12-04得票数 0
回答已采纳
var Parent = Object.create(null);
Object.defineProperties(Parent, {
__name: {
value: 'tom'
},
__age: {
value: 26
},
})
var foo = Object.create(Parent); // {} No Properties
为什么Object.create(父)不能从父级获取属性__name和__age
浏览 3提问于2015-05-15得票数 0
回答已采纳
我试图理解JavaScript中基于原型的继承。要建立具有构造函数的原型链，通常是这样做的：
function Person( name, gender ){
this.name = name;
this.gender = gender;
}
function Male( name ){
Person.call(this, name, "male");
}
Male.prototype = Object.create( Person.prototype );
Object.defineProperty( Male.prototype, "c
浏览 1提问于2017-01-04得票数 3
Javascript的主要优点之一据说是它是一种基于原型的语言。
但是Javascript是基于原型的，这是什么意思，为什么这是一个优势？
浏览 3提问于2008-10-09得票数 266
回答已采纳
我正在做一个JavaScript项目，我想知道为什么对象实例不继承assign()和其他方法，而必须调用超类(superobject?) Object方法。
为什么是Object.assign()而不是this.assign() (对于对象)？
浏览 1提问于2019-04-04得票数 2
protype是一个对象，当我们这样做时，它的内部原型属性被设置为Object.prototype，并且在it.but中具有构造函数属性：
x=new Object;//
X现在没有自己的构造函数属性，为什么?因为prototype也是function对象的实例，但它们有构造函数属性。
我的问题是，因为原型也是对象函数的实例，而空对象({})也是对象函数的实例，所以缺少称为构造函数的属性，而一个has.Why是这样的吗？
浏览 0提问于2013-01-28得票数 0
或
建议Object.create()是在ES5中设计的，可以用一种简单的方式继承JavaScript对象。
这样做的目的如下：
const A = function() {};
A.prototype.x = 10;
A.prototype.say = function() {
console.log(this.x);
};
const a = new A();
a.say(); //10
const b = Object.create(a);
b.say(); //10
但是，现在我想继承一个原语对象，比如Object(3)。
出于某种原因，人们(在大多数情况下，那些很
浏览 1提问于2018-07-20得票数 1
回答已采纳
C# 4.0的支持吗？如果不是，为什么不呢(这是故意的吗？)如何实现这一点呢？如果是，它是如何工作的，与Javascript中的工作方式相比有什么不同？
浏览 3提问于2010-05-31得票数 13
回答已采纳
我试图使用C#中的示例使用HTML5连接到 TCP服务器。
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function WebSocketTest()
{
if ("WebSocket" in window)
{
alert("WebSocket is supported by your Browser!");
// Let us open a web socket
var
浏览 5提问于2012-11-20得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
