1

例如：

object1 = function() {
  console.log('action1');
}

object2 = function() {
  console.log('action2');
}

object1(); //should log "action1"
object2(); //I need this to log "action1" and "action2"

我还需要 object2 能够覆盖 object1 的方法，因此上述内容远非如此（不包含方法）；

以下是我想到的我不想寻找的解决方案：

object2 =     object2 = function() {
  object1(); //this won't allow me to override object1's methods. THIS IS IMPORTANT!!
  console.log('action2');
}

这是一个尝试只构建和使用蓝图（原型）：

object1 = function() {};
object1.prototype.action1 = function() {
  console.log('action1');
}

object2 = function() {};

object2.prototype = new object1();
object2.prototype.constructor = object2;

//object2.prototype.action1 = function() { //I can overwrite the inherited action here
//  console.log('actionCHANGED');
//}
object2.prototype.action2 = function() {
  console.log('action2');
}

var foo = new object2(); //new object1(); will do object1's actions instead, as desired.

for (var method in foo) { //run all of foo's methods
foo[method]();
}

但这也不起作用。它通常会乱序运行功能（原因很明显。）

我尝试了其他一些扩展方法，但从未得到我想要的东西。我现在想不出这个例子，但是其他方法之一使 object2 完全按照我的意愿行事，但 object1 只有一个原型函数，因此“new object1()”没有导致任何事情发生。将函数移动到 object1 的实际函数会导致它的动作在 object2 从它继承时运行，这在这种情况下也不好。

我的整个方法可能需要改变。我对想法持开放态度。这样做的实际目的是我正在重新编写我杂乱无章的程序风格的 youtube 插件。我希望能够轻松调用它并改变它的工作方式。

$('selector').youtubePlayer({type:'basic'}) //like object1
$('selector').youtubePlayer({type:'withThumbs'}) //like object2
$('selector').youtubePlayer({type:'allFeatures'}) //even more complex object

但 jQuery 并不是这里的重要细节……它需要在没有它的情况下简单地工作。像：

youtubePlayer(selector, type);

或者

new youtubePlayer(selector, type);

因此，我们有它。请帮助（并原谅）我的无知。我一直在努力学习这一点。谢谢！

编辑：这正是我正在做的。

真实示例：object1（或函数 1）有 2 个方法（函数）。object1 的第一个功能是将 div 附加到选择器。object1 的第二个功能是加载 youtube api。当 api 加载时，youtube 播放器将加载到上面的 div 中。

object2 有 2 个方法。object2 的第一个功能是尽可能从缓存中获取 youtube 播放列表提要，否则从 youtube 获取提要并将其保存到缓存中。object2 的第二个功能是显示提要中的缩略图

object3 以相同的方式具有更多功能，并且完全依赖于 object2 的函数在 object3 之前运行。

如果我只想要对象 1 的动作，我只想写“object1();” 或 "new object1(); 等每个对象。

4

4 回答 4

1

我不确定，但你只是想在覆盖的方法中调用object1'action1方法吗？

object2.prototype.action1 = function() {
  object1.prototype.action1.call(this);
  console.log('actionCHANGED');
}
于 2013-01-03T16:08:44.010 回答
0

我使用了这段代码Inheritance Manager，它非常适合我当前的项目。

我曾尝试过其他解决方案，但似乎没有一个提供调用基类代码和覆盖方法等的能力。

网站上的代码应该简单明了。如果您需要更多示例，请告诉我。

这是我得到的版本，重命名以适合我的项目风格：

_inheritanceManager = {};
_inheritanceManager.extend = function(subClass, baseClass) 
{
    function inheritance() { }
    inheritance.prototype = baseClass.prototype;
    subClass.prototype = new inheritance();
    subClass.prototype.constructor = subClass;
    subClass.baseConstructor = baseClass;
    subClass.superClass = baseClass.prototype;
}
于 2013-01-03T16:03:35.220 回答
0

您可以简单地使用直接原型继承。

创建类定义 A：

function A() {}
A.prototype.action = function() {
  console.log('A::action');
}

创建一个类定义 B，它继承自 A：

function B() {}
B.prototype = new A();
B.prototype.constructor = B;
B.prototype.action = function() {
  B.prototype.action.call(this);
  console.log('B::action');
}

然后创建适当的实例：

var a = new A();
var b = new B();

a.action(); // A::action
b.action(); // A::action, B::action

当然，你可以使用轻量级继承模型库 Fiber.js，在https://github.com/linkedin/Fiber，它为你抽象了继承的所有引导

var A = Fiber.extend(function() {
  return {
    action: function() {
      console.log('A::action');
    }
  }
});

var B = A.extend(function(base) {
  return {
    action: function() {
      base.action.call(this);
      console.log('B::action');
    }
  }
});

var a = new A();
var b = new B();

a.action(); // A::action
b.action(); // A::action, B::action
于 2013-01-03T20:18:06.607 回答
0

已经有一段时间了，我学到了很多关于继承的知识，并且熟悉了几种模式。我想我会分享以防它对某人有所帮助。下面是我正在寻找的模式。这是一篇解释它的文章：http: //blog.javascriptroom.com/2013/01/21/the-initializer-pattern/

要查看它的实际效果，请单击此处：http: //jsbin.com/orijaz/2/edit

var foo = {
  run: function() {
    this.action1();
    this.action2();
  },
  action1: function() {
    console.log('action1 '+this.objName);
  },
  action2: function() {
    console.log('action2 '+this.objName);
  },
  objName: 'foo'
};

var bar = Object.create(foo);
bar.run = function() {
  this.first();
  foo.run.call(this);
  this.last();
};
bar.first = function() {
  console.log('first '+this.objName);
};
bar.last = function() {
  console.log('last '+this.objName);
};
bar.objName = 'bar';

foo.run();
bar.run();

老答案：

var object1 = function() {};
//NEW METHODS
  object1.prototype.action1 = function () { console.log('action1'); };
  object1.prototype.action2 = function () { console.log('action2'); };

  object1.prototype.run = function() {
    this.action1();
    this.action2();
  };

var object2 = function() {};
  //INHERIT
  object2.prototype = new object1();
  //MODIFY METHODS
  object2.prototype.action2 = function() {
    console.log('action2 changed!!'); 
  };
  //NEW METHODS
  object2.prototype.action3 = function () { console.log('action3'); };

  object2.prototype.run = function() {
    object1.prototype.run.call(this);
    this.action3();
  };

object1.prototype.run(); //I do the basic 2 actions
object2.prototype.run(); //I do the basic 2 actions with any changes made, then my own new actions
于 2013-08-05T21:18:27.743 回答