匿名函数function前面的! ~等符号作用

今天药忘吃喽~ 2022-02-03 08:36 240阅读 0赞

**函数声明：**

function fnName () \{…\};使用function关键字声明一个函数，再指定一个函数名，叫函数声明。

**函数表达式：**

var fnName = function () \{…\};使用function关键字声明一个函数，但未给函数命名，最后将[匿名函数][Link 1]赋予一个变量，叫函数表达式，这是最常见的函数表达式语法形式。

**[匿名函数][Link 1]：**

function () \{\}; 使用function关键字声明一个函数，但未给函数命名，所以叫[匿名函数][Link 1].

众所周知，在js中可以这样创建一个匿名函数：

(function(){do something...})()
    //或
    (function(){do something...}())

而匿名函数后面的小括号()是为了让匿名函数立即执行，其实就是一个函数调用，相信大家都懂的！

那大家有没有想过为什么这么写就会报错了：

function(){alert(1)}()

其实很简单，因为function前面没有(或者! ~之类的运算符，js解析器会试图将关键字function解析成函数声明语句，而不是函数定义表达式！

作为组运算符，小括号()会将其内部的表达式当成一个整体，然后返回结果，所以定义一个匿名函数正确的格式就是用小括号将函数体括起来！

同样的! ~ + -等运算符也有同样的效果，这是因为匿名函数也是一种值，这些运算符会将后面的函数体当成一个整体，先对匿名函数进行求值，然后在对结果进行运算！

不过这些运算符虽然能够达到让匿名函数立即执行的目的，但是要小心他们是有副作用的，比如：

!function() {return 1}()//false
    ~function() {return 1}()//-2
    -function() {return false}()//0
    -function() {return false}()//0

没错，他们会对函数的返回值进行运算，这样可能会导致最终的结果和你想要的结果不一样！当然，对于那些没有返回值的函数来说，当然是没有什么影响了！

既然上面都说了可能会有副作用，那为什么还有这么多人用了？

其实答案很简单，无外乎两点：

1.让代码看起来不容易懂，说白了就是装~比~

2.少写一个），偷懒呗！

当然一般这么用的时候都是函数本身没有返回值的情况！（还有可能会有一些特殊的需求啦），为了代码可读性，本人建议还是按照正规的方式使用匿名函数，没有特殊需求的情况下尽量不用这些运算符代替小括号！

[Link 1]: https://www.baidu.com/s?wd=%E5%8C%BF%E5%90%8D%E5%87%BD%E6%95%B0&tn=SE_PcZhidaonwhc_ngpagmjz&rsv_dl=gh_pc_zhidao

发表评论取消回复

表情：

评论列表（有 0 条评论，240人围观）

还没有评论，来说两句吧...

相关阅读

相关 python list前面加＊的作用

列表前面加星号作用是将列表解开成两个独立的参数，传入函数，如: list1 = [1,2,3,4] list2 = [123,423,list1]

骑猪看日落/ 2023年01月09日 14:27/ 0 赞/ 168 阅读

相关 C、C++等语言常见符号作用总结

\+、-、\、/ ∶ C语言的运算符——加、减、乘、除。 \+=、-=、\=、/=、%= ∶ C语言的运算符——修改和替代。． ∶ C语言的运算符——

喜欢ヅ旅行/ 2022年08月21日 04:49/ 0 赞/ 252 阅读

相关 PHP函数前面添加@的作用

@是PHP提供的错误信息屏蔽的专用符号。比如在一个函数前使用@ @mysql_query 不会出现Warning，而原来mysql_quer

短命女/ 2022年08月05日 12:14/ 0 赞/ 168 阅读

相关 7.函数作用域和匿名函数

1.匿名函数 lambda 需要一个函数，但是又不想费神去命名一个函数语法：lambda 参数：表达式例：add = lambda x, y : x+y

╰半夏微凉°/ 2022年05月24日 13:54/ 0 赞/ 144 阅读

相关 Code-Breaking Puzzles easy - function（匿名函数利用）

题目地址：[http://120.78.164.84:49001/][http_120.78.164.84_49001] <?php $action = $_

我不是女神ヾ/ 2022年02月03日 16:39/ 0 赞/ 160 阅读

相关匿名函数function前面的! ~等符号作用

函数声明： function fnName () \{…\};使用function关键字声明一个函数，再指定一个函数名，叫函数声明。函数表达式： var fnName

今天药忘吃喽~/ 2022年02月03日 08:36/ 0 赞/ 241 阅读

相关 php中@符号放在函数前面的作用

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 例如有如下代码： $xml_object =

柔情只为你懂/ 2022年01月16日 01:43/ 0 赞/ 236 阅读

相关 php function 定义时函数名前加&符号的意义

看了很多帖子,但是都不能理解,又去看了很多资料,终于名白了.记下备忘. 问题:php在声明函数时,函数名前面的&符号有什么用? 一直想不通.很多帖子说类似于变量的$a=&$

太过爱你忘了你带给我的痛/ 2021年09月26日 02:32/ 0 赞/ 187 阅读

相关 JS--JavaScript函数（匿名函数、闭包函数等）详解

JavaScript函数 JavaScript是函数式编程语言，在JavaScript脚本种可以随处看到函数，函数构成了JavaScript源码的主体。定义函数

「爱情、让人受尽委屈。」/ 2021年08月14日 01:10/ 0 赞/ 490 阅读

相关 js里function前面加!

我们都知道，函数的声明方式有这两种 function fnA(){ alert('msg');}//声明式定义函数 var fnB = function()

曾经终败给现在/ 2021年07月04日 20:50/ 0 赞/ 429 阅读