在JavaScript中能否为同一属性同时设置getter与函数调用功能?
关于同一标识符兼具值与函数调用能力的实现
首先直接给答案:可以实现,但写法非常不推荐。
你问的是能不能做到像这样的效果:
a; // 1 a(); // function call
或者换个问法——有没有针对括号的getter?其实JavaScript里没有专门针对括号调用的getter,但我们可以利用函数的隐式转换机制来模拟这个效果。
具体实现代码如下:
function a() { console.log('hi im in a function') } a.valueOf = function() { return 1; } a == 1; // true a(); // 输出 "hi im in a function"
原理很简单:当a被当作普通值(比如和1做比较、直接打印)时,JavaScript会自动调用它的valueOf方法,我们重写这个方法让它返回1,就能实现a被当作值时表现为1的效果;而当用a()调用时,它本身就是一个函数,自然会执行函数体里的逻辑。
不过必须严肃强调:这种写法极度不推荐。它严重破坏了代码的可读性和可维护性,任何看到这段代码的开发者都会一脸困惑,后续排查问题更是噩梦。我自己绝不会在项目里写这种代码,也不会和习惯写这类代码的人合作——毕竟代码是写给人看的,其次才是给机器执行的。
内容的提问来源于stack exchange,提问作者Muhammad Umer
相关产品推荐
相关产品推荐

