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

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

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

起因

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

過(guò)程

一看到數(shù)字可以調(diào)用函數(shù)，最先想到的類似的場(chǎng)景就是(5).toFixed(2)，那么接下來(lái)，有兩個(gè)思路了  
1、重寫Number原型對(duì)象中的方法  
2、在Number的原型對(duì)象中添加方法  
思路一在實(shí)踐過(guò)程中，終于在bind方法中迷失了自我，最后放棄治療，先記下來(lái)以后再戰(zhàn)。  
思路二，本人沒(méi)有仔細(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é)果就是報(bào)錯(cuò)：fn1未定義  
打斷點(diǎn)，發(fā)現(xiàn)沒(méi)有調(diào)用fn1，而是在fn2定義的時(shí)候直接報(bào)錯(cuò)，在控制臺(tái)打印Number.prototype，發(fā)現(xiàn)fn1在打印出的對(duì)象中，fn2卻沒(méi)有出現(xiàn)。  
一番死腦筋的查詢資料，最終在mdn上，發(fā)現(xiàn)Number.prototype的configurable屬性為false

解決

那么問(wèn)題好辦了，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; 不加()的話，后面的.會(huì)被識(shí)別為小數(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,問(wèn)題到這里結(jié)束，另外，隨手查了String.prototype和Boolean.prototype，它們的configurable屬性值也是false。

遺留問(wèn)題

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

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

    const result = value - item;

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