允许向插件提供参数

Allow a plugin to be fed parameters

本文关键字：参数 插件      更新时间：2023-09-26

我有以下代码，可以使用插件扩展基本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方法以允许这种情况发生？

类似的东西？

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);
}
相关文章：