我有那段代码:
function defineProperty(object, name, callback){
if(object.prototype){
Object.defineProperty(object.prototype, name, {"get": callback});
}
}
defineProperty(String, "isEmpty", function(){return this.length === 0;});
我用它如下:
console.log("".isEmpty, "abc".isEmpty);
然后它返回:
true, false
现在,我想将功能改为:
defineProperty(String, "isEmptyWithArrow", () => this.length === 0);
但是"这个"是指Window,我不知道如何改变它。
答案 0 :(得分:7)
你做不到。这不可能。箭头函数中的this
是词法范围的,这是它们的突出特点。但是你需要动态绑定this
,这就是function
的优点。
如果您坚持使用花哨的新ES6功能,请转到方法定义:
function defineProperty(object, name, descriptor) {
if (object.prototype)
Object.defineProperty(object.prototype, name, descriptor);
}
defineProperty(String, "isEmpty", {get(){return this.length === 0;}, configurable:true});
当然,您也可以采用将实例作为参数的回调:
function defineProperty(object, name, callback) {
if (object.prototype)
Object.defineProperty(object.prototype, name, {
get(){ return callback(this); }, // dynamic this
configurable: true
});
}
defineProperty(String, "isEmpty", self => self.length === 0);