草庐IT

javascript - 编写 IIFE 有哪些不同的方式？他们的用例是什么？

coder 2024-07-29 原文

我已经开始阅读this书。第 2 章介绍了编写 IIFE 的不同方法:

!function (){}() 
~function (){}() 
+function (){}() 
-function (){}()
new function (){} 
1,function (){}() 
1&&function (){}() 
var i=function (){}()

作者说:

Each manifestation has its own unique qualities and advantages—some with fewer bytes, some safer for concatenation, each valid and each executable.

我是 JS 的新手。我知道 IIFE 是什么，但这些 IIFE 表格究竟有什么作用？

最佳答案

为什么要这样做？

在进入列表之前，让我们先从“为什么要这样做？”开始

答案是:将函数内的任何变量和函数声明保持私有(private)。通常这是为了避免全局变量(避免全局变量是一个好主意TM)。例如:

+function() {
    function foo() {
        /* ... */
    }

    foo();

    var answer = 42;
}();

感谢 IIFE(在此上下文中称为作用域函数)，foo 和answer 不是全局变量。它们对函数内的代码是私有(private)的，除非它们以某种方式导出。

即使不在全局范围内，您也可以这样做，只是为了避免污染您所在的任何范围。

IIFE 通常还有其他用途，但您引用的样式通常用于范围界定。

例子

作者戏剧性地夸大了“每个人都有自己独特的品质和优势”的情况。

除非您使用返回值，否则这些都是完全相同的:

!function (){}() 
~function (){}() 
+function (){}() 
-function (){}()
1,function (){}() 
1&&function (){}()

其中的代码在函数范围内运行。

我们也可以将这些添加到该列表中:

(function(){}())
(function(){})()
0||function (){}() 
1^function(){}() // any binary math operator in place of ^ also works

当然，上面所有的1都不是特别的。对于其中的大多数，可以是任何数字(或几乎任何其他数字)，但是使用 && 的数字不适用于 0，""、null、undefined、NaN 或 false(函数不会运行)。类似地，只要以 0||... 开头的值是假的，它就可以工作。

在这一个中:

var i=function (){}()

...唯一的区别是它声明了一个变量i，用于存储返回值。当然，这可能会有很大的不同。考虑这个更明显的版本:

var MyPseudoNamespace = function() {
    // ...

    return { /* nifty "namespace" stuff here */ };
})();

最后:

new function (){}

这会创建一个新对象，然后调用将 this 设置为新对象的函数。如果您不在函数中使用 this，那将毫无意义。如果你这样做了，那么它是否有用取决于你用 this 做什么。

注意:如果您无法控制的代码有可能紧接在您的作用域函数之前(例如，当您合并和缩小文件时)，最好开始所有这些用 ; 关闭，例如:

;!function (){}() 
;~function (){}() 
;+function (){}() 
;-function (){}()
;1,function (){}() 
;1&&function (){}() 
;(function(){}())
;(function(){})()
;0||function (){}() 
;1^function(){}() // any binary math operator in place of ^ also works

从技术上讲，他们中的一些人并不需要，但他们中的大多数人确实需要。没有它们的副作用可能是微妙的，也可能是灾难性的。考虑:

代码在你的代码之前:

obj.prop = function() {
    // Do something big and awful
}

然后你的代码:

(function(){}())

自动分号插入不会启动!结果？ obj.prop 函数被调用，我们的 IIFE 作为参数传递给它。这将使它更加明显:

obj.prop = function() {
    // Do something big and awful
}(function(){}())

看看那些 () 现在是如何调用函数的？

类似地:

obj.criticalValue = 42

然后

+function(){}()

突然间，criticalValue 搞砸了。为什么？因为:

obj.criticalValue = 42+function(){}()

呸!

连续使用多个 ; 是无害的，因此如果您从一个开始，就不太可能遇到麻烦。

关于javascript - 编写 IIFE 有哪些不同的方式？他们的用例是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33651198/

javascript编写codefunctionpreiife

有关javascript - 编写 IIFE 有哪些不同的方式？他们的用例是什么？的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

  3. ruby - 如何以所有可能的方式将字符串拆分为长度最多为 3 的连续子字符串？ - 2

    我试图获取一个长度在1到10之间的字符串，并输出将字符串分解为大小为1、2或3的连续子字符串的所有可能方式。例如:输入:123456将整数分割成单个字符，然后继续查找组合。该代码将返回以下所有数组。[1,2,3,4,5,6][12,3,4,5,6][1,23,4,5,6][1,2,34,5,6][1,2,3,45,6][1,2,3,4,56][12,34,5,6][12,3,45,6][12,3,4,56][1,23,45,6][1,2,34,56][1,23,4,56][12,34,56][123,4,5,6][1,234,5,6][1,2,345,6][1,2,3,456][123

  4. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们？ - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  5. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  6. ruby - 在 Ruby 中编写命令行实用程序 - 2

    我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后，Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用，我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

  7. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996？但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  8. ruby - ruby 中的 TOPLEVEL_BINDING 是什么？ - 2

    它不等于主线程的binding，这个toplevel作用域是什么？此作用域与主线程中的binding有何不同？>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是，TOPLEVEL_BINDING始终引用Binding的预定义全局实例，而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层，它们都包含相同的绑定(bind)，但它们不是同一个对象，您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput

  9. ruby - Infinity 和 NaN 的类型是什么？ - 2

    我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN？它们是对象、关键字还是其他东西？ 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串

  10. ruby-on-rails - 如果 Object::try 被发送到一个 nil 对象，为什么它会起作用？ - 2

    如果您尝试在Ruby中的nil对象上调用方法，则会出现NoMethodError异常并显示消息:"undefinedmethod‘...’fornil:NilClass"然而，有一个tryRails中的方法，如果它被发送到一个nil对象，它只返回nil:require'rubygems'require'active_support/all'nil.try(:nonexisting_method)#noNoMethodErrorexceptionanymore那么try如何在内部工作以防止该异常？ 最佳答案 像Ruby中的所有其他对象

随机推荐