封裝一個對象，當一個`set`類的方法被調用時，它被執行並且對象本身被返回（很像JQuery）

Question

我試圖抽象出一個讓我更容易編寫代碼的JQuery常見行爲：將對象封裝到類似set的方法被調用時，它會被執行並返回對象本身（非常類似於JQuery）。

看：

let encapsulate = function (guy) { 
    return function() { 
     guy.call(this, [].slice.apply(arguments)) 
     Object.setPrototypeOf(this, guy.prototype) 
     Object.getOwnPropertyNames(guy.prototype) 
      .filter(propName => propName.match(/set/g)) 
      .forEach(propName => { 
       this[propName] =() => { 
        guy.prototype[propName].apply(this, [].slice.apply(arguments)) 
        return this 
       } 
      }) 
    } 
} 

測試的情況是：

// works 
let date = new Date(); 
console.log(date.setDate(10)); // logs 1494447383428 
console.log(date.getDate()); // logs 10 
console.log(Date.prototype.setDate.apply(date, [20])); // logs 1494447383428 
console.log(date.getDate()); // logs 20 

// does not work 
let ED = encapsulate(Date); 
let date1 = new ED(); 
console.log(date1.setDate(10)); // should log date1 object but throws an error 

會拋出一個錯誤Method Date.prototype.setDate called on incompatible receiver [object Object]。

你能幫我嗎？ d：

Answer 1

（更新）從BERGI新建議：

let encapsulate = function (guy) { 
    return function() { 
     this.inner = new (Function.prototype.bind.apply(guy, arguments)) 

     let prototype = 
      Object.getOwnPropertyNames(guy.prototype) 
       .reduce((proto, propName) => { 
        let method = propName.match(/^set/g) ? 
         (function() { 
          guy.prototype[propName].apply(this.inner, [].slice.apply(arguments)) 
          return this 
         }).bind(this) : 
         (function() { 
          return guy.prototype[propName].apply(this.inner, [].slice.apply(arguments)) 
         }).bind(this) 

        return Object.defineProperty(proto, propName, { 
         value: method, 
         enumerable: false, 
         writable: false, 
         configurable: false 
        }) 
       }, {}) 

     Object.defineProperty(prototype, 'applyFunction', { 
      value: fn => { fn(this); return this }, 
      enumerable: false, 
      writable: false, 
      configurable: false 
     }) 

     Object.setPrototypeOf(this, prototype) 
    } 
} 

（已取消）繼什麼BERGI說，我已經做到了這一點，用組成：

let encapsulate = function (guy) { 
    return function() { 
     let argumentsWrapper = 
      [].slice.apply(arguments) 
       .reduce((aw, argument, idx) => { 
        aw['a' + idx] = argument; 
        return aw; 
       }, {}) 

     this.inner = eval('new guy(' + 
      Object.keys(argumentsWrapper) 
       .reduce((string, argumentName, idx, arr) => 
        string + 'argumentsWrapper.' 
        + argumentName 
        + (idx != arr.length - 1 ? ',' : ''), 
       '') 
      + ')') 

     let setProperties = Object.getOwnPropertyNames(guy.prototype) 
      .filter(propName => propName.match(/^set/g)) 

     setProperties.forEach(function (propName) { 
       this[propName] = (function() { 
        guy.prototype[propName].apply(this.inner, [].slice.apply(arguments)) 
        return this 
       }).bind(this) 
      }, this) 

     Object.getOwnPropertyNames(guy.prototype) 
      .filter(propName => !propName.match(/^set/g)) 
      .forEach(function (propName) { 
       this[propName] = (function() { 
        return guy.prototype[propName].apply(this.inner, [].slice.apply(arguments)) 
       }).bind(this) 
      }, this) 

     this.applyFunction = fn => { 
      fn(this) 
      return this 
     } 
    } 
} 

這不是很美麗：/