草庐IT

javascript - 调用不带括号的函数

coder 2023-05-01 原文

今天有人告诉我，可以调用不带括号的函数。我能想到的唯一方法是使用像 apply 这样的函数。或 call .

f.apply(this);
f.call(this);

但是这些需要在 apply 和 call 上加上括号，这让我们处于第一阶段。我还考虑了将函数传递给某种事件处理程序的想法，例如 setTimeout。 :

setTimeout(f, 500);

但是问题变成了“如何在没有括号的情况下调用 setTimeout？”

那么解决这个谜题的方法是什么？如何在不使用括号的情况下调用 Javascript 中的函数？

最佳答案

有几种不同的方法可以调用不带括号的函数。

假设你已经定义了这个函数:

function greet() {
    console.log('hello');
}

那么这里按照一些方法来调用greet而不带括号:

1。作为构造函数

使用 new 可以调用不带括号的函数:

new greet; // parentheses are optional in this construct.

来自 MDN on the new oprator :

Syntax

new constructor[([arguments])]

2。作为 toString 或 valueOf 实现

toString和 valueOf是特殊方法:当需要转换时，它们会被隐式调用:

var obj = {
    toString: function() {
         return 'hello';
    }
}

'' + obj; // concatenation forces cast to string and call to toString.

你可以(ab)使用这个模式来调用不带括号的greet:

'' + { toString: greet };

或者用valueOf:

+{ valueOf: greet };

valueOf 和 toString 实际上是从 @@toPrimitive 调用的。方法(从 ES6 开始)，所以你也可以实现 that 方法:

+{ [Symbol.toPrimitive]: greet }
"" + { [Symbol.toPrimitive]: greet }

2.b 在函数原型(prototype)中重写 valueOf

您可以采用之前的想法来覆盖 Function prototype 上的 valueOf 方法:

Function.prototype.valueOf = function() {
    this.call(this);
    // Optional improvement: avoid `NaN` issues when used in expressions.
    return 0; 
};

完成后，您可以编写:

+greet;

虽然后面有括号，但实际触发的调用没有括号。在博客 "Calling methods in JavaScript, without really calling them" 中查看更多信息

3。作为生成器

您可以定义 generator function (使用 *)，返回 iterator .您可以使用 spread syntax 调用它或使用 for...of语法。

首先我们需要原始 greet 函数的生成器变体:

function* greet_gen() {
    console.log('hello');
}

然后我们通过定义 @@iterator 来调用它，不带括号。方法:

[...{ [Symbol.iterator]: greet_gen }];

通常生成器会有 yield关键字在某处，但函数不需要被调用。

最后一条语句调用函数，但也可以使用 destructuring 来完成。 :

[,] = { [Symbol.iterator]: greet_gen };

或 for ... of 构造，但它有自己的括号:

for ({} of { [Symbol.iterator]: greet_gen });

请注意，您可以使用原始 greet 函数执行上述操作，但它会在过程中触发异常，after greet 已执行(在 FF 和 Chrome 上测试)。您可以使用 try...catch block 来管理异常。

4。作为 setter/getter

@jehna1 对此有完整的答案，所以请给他点赞。这是一种在全局范围内调用函数无括号的方法，避免使用 deprecated __defineGetter__方法。它使用 Object.defineProperty而是。

我们需要为此创建原始 greet 函数的变体:

Object.defineProperty(window, 'greet_get', { get: greet });

然后:

greet_get;

将 window 替换为您的全局对象。

您可以调用原始的 greet 函数，而不会像这样在全局对象上留下痕迹:

Object.defineProperty({}, 'greet', { get: greet }).greet;

但有人可能会说我们这里确实有括号(尽管它们不参与实际的调用)。

5。作为标签功能

从 ES6 开始，你可以调用一个函数，传递一个 template literal使用这种语法:

greet``;

见 "Tagged Template Literals" .

6。作为代理处理程序

从 ES6 开始，你可以定义一个 proxy :

var proxy = new Proxy({}, { get: greet } );

然后读取任何属性值都会调用greet:

proxy._; // even if property not defined, it still triggers greet

这有很多变体。再举一个例子:

var proxy = new Proxy({}, { has: greet } );

1 in proxy; // triggers greet

7。作为实例检查器

instanceof 运算符在定义时对第二个操作数执行 @@hasInstance 方法:

1 instanceof { [Symbol.hasInstance]: greet } // triggers greet

关于javascript - 调用不带括号的函数，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35949554/

javascript调用codegreetnoreferrer

有关javascript - 调用不带括号的函数的更多相关文章

  1. ruby - 在没有 sass 引擎的情况下使用 sass 颜色函数 - 2

    我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem，所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re

  2. ruby-on-rails - 在 ruby​​ 中使用 gsub 函数替换单词 - 2

    我正在尝试用ruby​​中的gsub函数替换字符串中的某些单词，但有时效果很好，在某些情况下会出现此错误？这种格式有什么问题吗NoMethodError(undefinedmethod`gsub!'fornil:NilClass):模型.rbclassTest"replacethisID1",WAY=>"replacethisID2andID3",DELTA=>"replacethisID4"}end另一个模型.rbclassCheck 最佳答案 啊，我找到了!gsub!是一个非常奇怪的方法。首先，它替换了字符串，所以它实际上修改了

  3. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

    我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

  4. ruby - 在 Ruby 中有条件地定义函数 - 2

    我有一些代码在几个不同的位置之一运行:作为具有调试输出的命令行工具，作为不接受任何输出的更大程序的一部分，以及在Rails环境中。有时我需要根据代码的位置对代码进行细微的更改，我意识到以下样式似乎可行:print"Testingnestedfunctionsdefined\n"CLI=trueifCLIdeftest_printprint"CommandLineVersion\n"endelsedeftest_printprint"ReleaseVersion\n"endendtest_print()这导致:TestingnestedfunctionsdefinedCommandLin

  5. c# - 如何在 ruby​​ 中调用 C# dll？ - 2

    如何在ruby​​中调用C#dll？ 最佳答案 我能想到几种可能性:为您的DLL编写(或找人编写)一个COM包装器，如果它还没有，则使用Ruby的WIN32OLE库来调用它；看看RubyCLR,其中一位作者是JohnLam，他继续在Microsoft从事IronRuby方面的工作。(估计不会再维护了，可能不支持.Net2.0以上的版本)；正如其他地方已经提到的，看看使用IronRuby，如果这是您的技术选择。有一个主题是here.请注意，最后一篇文章实际上来自JohnLam(看起来像是2009年3月)，他似乎很自在地断言RubyCL

  6. java - 从 JRuby 调用 Java 类的问题 - 2

    我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java，并成功地将它与另一个Java包一起使用，但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www

  7. ruby - 调用其他方法的 TDD 方法的正确方法 - 2

    我需要一些关于TDD概念的帮助。假设我有以下代码defexecute(command)casecommandwhen"c"create_new_characterwhen"i"display_inventoryendenddefcreate_new_character#dostufftocreatenewcharacterenddefdisplay_inventory#dostufftodisplayinventoryend现在我不确定要为什么编写单元测试。如果我为execute方法编写单元测试，那不是几乎涵盖了我对create_new_character和display_invent

  8. ruby - 在 Ruby 中按名称传递函数 - 2

    如何在Ruby中按名称传递函数？(我使用Ruby才几个小时，所以我还在想办法。)nums=[1,2,3,4]#Thisworks,butismoreverbosethanI'dlikenums.eachdo|i|putsiend#InJS,Icouldjustdosomethinglike:#nums.forEach(console.log)#InF#,itwouldbesomethinglike:#List.iternums(printf"%A")#InRuby,IwishIcoulddosomethinglike:nums.eachputs在Ruby中能不能做到类似的简洁？我可以只

  9. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中，有时候我们需要获取系统的设备信息，用于数据上报和行为分析。那在鸿蒙系统中，我们应该怎么去获取设备的系统信息呢，比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况，一种是设备信息的获取，一种是系统信息的获取。1.1、获取设备信息获取设备信息，鸿蒙的SDK包为我们提供了DeviceInfo类，通过该类的一些静态方法，可以获取设备信息，DeviceInfo类的包路径为：ohos.system.DeviceInfo.具体的方法如下：ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  10. C51单片机——实现用独立按键控制LED亮灭（调用函数篇） - 2

    说在前面这部分我本来是合为一篇来写的，因为目的是一样的，都是通过独立按键来控制LED闪灭本质上是起到开关的作用，即调用函数和中断函数。但是写一篇太累了，我还是决定分为两篇写，这篇是调用函数篇。在本篇中你主要看到这些东西！！！1.调用函数的方法（主要讲语法和格式）2.独立按键如何控制LED亮灭3.程序中的一些细节（软件消抖等）1.调用函数的方法思路还是比较清晰地，就是通过按下按键来控制LED闪灭，即每按下一次，LED取反一次。重要的是，把按键与LED联系在一起。我打算用K1来作为开关，看了一下开发板原理图，K1连接的是单片机的P31口，当按下K1时，P31是与GND相连的，也就是说，当我按下去时

随机推荐