數(shù)字直接調(diào)用函數(shù):(5).fn1(2).fn2(3)實(shí)現(xiàn)5-2+3

Java_oldboy 發(fā)布于2019-08-23 15:37 / 1679人閱讀

摘要：一番死腦筋的查詢資料，最終在上，發(fā)現(xiàn)的屬性為解決那么問題好辦了，繼承于，的屬性值是。遺留問題其實(shí)，刪除掉上述，只執(zhí)行是可以的，為什么加一個屬性可以，加兩個卻不行，正在研究，也希望有高人解答。

起因

在網(wǎng)上無意間看到這么一道題，第一次實(shí)踐，直接報錯，所以記錄下來加深記憶

過程

一看到數(shù)字可以調(diào)用函數(shù)，最先想到的類似的場景就是(5).toFixed(2)，那么接下來，有兩個思路了  
1、重寫Number原型對象中的方法  
2、在Number的原型對象中添加方法  
思路一在實(shí)踐過程中，終于在bind方法中迷失了自我，最后放棄治療，先記下來以后再戰(zhàn)。  
思路二，本人沒有仔細(xì)考慮，直接寫了下面一段代碼

Number.prototype.fn1 = function (item){
    const value = this.valueOf(); // value

    const result = value - item;

    return result;
};
        
Number.prototype.fn2 = function (item){
    const value = this.valueOf(); // value

    const result = value + item;

    return result;
}
        
console.log((5).fn1(2).fn2(3));

結(jié)果就是報錯：fn1未定義  
打斷點(diǎn)，發(fā)現(xiàn)沒有調(diào)用fn1，而是在fn2定義的時候直接報錯，在控制臺打印Number.prototype，發(fā)現(xiàn)fn1在打印出的對象中，fn2卻沒有出現(xiàn)。  
一番死腦筋的查詢資料，最終在mdn上，發(fā)現(xiàn)Number.prototype的configurable屬性為false

解決

那么問題好辦了，Number.prototype繼承于Object.prototype，Object.prototype的configurable屬性值是true。更改代碼如下

Object.prototype.fn1 = function (item){
    const value = this.valueOf(); // value

    const result = value - item;

    return (result);
    // return result; 不加()的話，后面的.會被識別為小數(shù)點(diǎn)哦
};
        
Object.prototype.fn2 = function (item){
    const value = this.valueOf(); // value

    const result = value + item;

    return result;
}
        
console.log((5).fn1(2).fn2(3));

ok,問題到這里結(jié)束，另外，隨手查了String.prototype和Boolean.prototype，它們的configurable屬性值也是false。

遺留問題

其實(shí)，刪除掉上述Number.prototype.fn2，只執(zhí)行(5).fn1(2)是可以的，為什么加一個屬性可以，加兩個卻不行，正在研究，也希望有高人解答。

Number.prototype.fn1 = function (item){
    const value = this.valueOf(); // value

    const result = value - item;

    return (result);
};
        
console.log((5).fn1(2));