JavaScript ecma6将正常功能更改为箭头功能

时间:2015-08-12 21:31:31

标签: javascript ecmascript-6 arrow-functions

我有那段代码:

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,我不知道如何改变它。

My fiddle

1 个答案:

答案 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);