数字直接调用函数:(5).fn1(2).fn2(3)实现5-2+3

Java_oldboy 发布于2019-08-23 15:37 / 1575人阅读

摘要：一番死脑筋的查询资料，最终在上，发现的属性为解决那么问题好办了，继承于，的属性值是。遗留问题其实，删除掉上述，只执行是可以的，为什么加一个属性可以，加两个却不行，正在研究，也希望有高人解答。

起因

在网上无意间看到这么一道题，第一次实践，直接报错，所以记录下来加深记忆

过程

一看到数字可以调用函数，最先想到的类似的场景就是(5).toFixed(2)，那么接下来，有两个思路了  
1、重写Number原型对象中的方法  
2、在Number的原型对象中添加方法  
思路一在实践过程中，终于在bind方法中迷失了自我，最后放弃治疗，先记下来以后再战。  
思路二，本人没有仔细考虑，直接写了下面一段代码

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

结果就是报错：fn1未定义  
打断点，发现没有调用fn1，而是在fn2定义的时候直接报错，在控制台打印Number.prototype，发现fn1在打印出的对象中，fn2却没有出现。  
一番死脑筋的查询资料，最终在mdn上，发现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; 不加()的话，后面的.会被识别为小数点哦
};
        
Object.prototype.fn2 = function (item){
    const value = this.valueOf(); // value

    const result = value + item;

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

ok,问题到这里结束，另外，随手查了String.prototype和Boolean.prototype，它们的configurable属性值也是false。

遗留问题

其实，删除掉上述Number.prototype.fn2，只执行(5).fn1(2)是可以的，为什么加一个属性可以，加两个却不行，正在研究，也希望有高人解答。

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

    const result = value - item;

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

云服务器服务器托管 java实现2-3树 python 3 2 3.2.1.多云管理 ehcache 2 8 3

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102340.html

JavaScript 中如何实现函数队列？（一）

摘要：相反，我们只需要在末尾里找出中的下一个函数，再调用第二个调用这个函数负责找出中的下一个函数并执行。我们现在来实现其实也可以用把拿出来通过去获取中的函数，每调用一次会加，从而达到取出下一个函数的目的。中大名鼎鼎的框架正是这样实现中间件队列的。假设你有几个函数fn1、fn2和fn3需要按顺序调用，最简单的方式当然是： fn1(); fn2(); fn3(); 但有时候这些函数是运行时一个...

Kyxy 2019-08-20 14:15 评论0 收藏0
this

摘要：全局上下文在全局中，一律指向全局对象。特殊的以下情况中的需要进行特殊记忆。构造函数当一个函数作为构造函数使用时，构造函数的指向由该构造函数出来的对象。举例使用绑定时，监听函数中的指向触发事件的，表示被绑定了监听函数的元素。执行与执行同理。我的博客地址 → this | The story of Captain，转载请注明出处。问：this 是什么？答：this 是 call 方法...

Airmusic 2019-08-22 14:05 评论0 收藏0
前端面试题（中）

摘要：注意封装成一个函数封装一个函数，将字符串实现的功能，但不使用方法，去掉字符串前后空格，返回处理后的字符串。当然答案还有很多，我们只是提供了其中几种，你有好的解答也可以发送邮件，大家共同交流讨论哈来自妙味的一套面试题，以下答案来自JS讲师的现场上课记录！一、选择题 1、分析下段代码输出结果是（ B ） var arr = [2,3,4,5,6]; var sum =...

walterrwu 2019-08-21 11:33 评论0 收藏0
前端面试题（中）

摘要：注意封装成一个函数封装一个函数，将字符串实现的功能，但不使用方法，去掉字符串前后空格，返回处理后的字符串。当然答案还有很多，我们只是提供了其中几种，你有好的解答也可以发送邮件，大家共同交流讨论哈来自妙味的一套面试题，以下答案来自JS讲师的现场上课记录！一、选择题 1、分析下段代码输出结果是（ B ） var arr = [2,3,4,5,6]; var sum =...

legendaryedu 2019-08-30 15:53 评论0 收藏0