Question

我有以下代码，允许我使用插件扩展基类Lib类。该插件具有自己的上下文，并且输入了库上下文。

Lib = function (test,width) {
    this.libraryProp = test;
    this.width = width;
}

Lib.extend = function(name,plugin) {
    this.prototype[name] = function() {
    return new plugin(this);
 }   
}

//The plugin
var myObj = function(lib) {
    this.chart = chart;
    this.pluginProp = 'plug';
    console.log('this library prop = ' + this.chart.libraryProp);
}

//A plugin method
myObj.prototype.ggg = function() {
   console.log('plugin prop in plugin prototype ' + this.pluginProp);
   console.log(this.chart);
   console.log('______________________________________________');
}

//extend the base library
Lib.extend('myObj',myObj)


var p = new Lib('instance 1', 900);
var u = p.myObj();
u.ggg();


var m = new Lib('instance 2',800);
var k = m.myObj();
k.ggg();

工作小提琴：http://jsfiddle.net/pnwLv/2/

一切正常，但我目前无法提供任何插件参数，如下所示：

var u = p.myObj('param1','param2');

如何重新考虑extend方法以允许这个？

Answer 1

这样的东西？

Lib.extend = function (name, plugin) {
  this.prototype[name] = function () {
    var args = Array.prototype.slice.call(arguments),
        obj = Object.create(plugin.prototype); // Create a new object from the plugin prototype

    args.unshift(this); // Add Lib instance as the first argument
    plugin.apply(obj, args); // Call the plugin constructor with the new object as the context
    return obj; // Return the newly created object
  }   
}

然后，您可以在插件构造函数中检索这些参数：

var myObj = function(lib, param1, param2) {
  this.lib = lib;
  this.pluginProp = 'plug';
  console.log('this library prop = ' + this.lib.libraryProp);
}

允许插件输入参数

1 个答案: