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

[转自]：http://www.cnblogs.com/xjser/p/5210697.html

好久没写博客了，刚过完年，给大家拜个晚年，大家新年快乐！

相信昨晚前端，很多同学应该都见过类似于:


1

2

!function() {do something...}()

~function(){do something...}()

等这样的匿名函数写法！

当然对于老同志来说，肯定是明白这样写法的作用了，但是对于新手来说可能会有一定的困扰，这里就简单给大家分享一下关于这种写法的作用，以及原理！

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


1

2

3

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

//或

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

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

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


1

function(){alert(1)}()

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

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

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

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


1

2

3

4

!function() {return 1}()//false

~function() {return 1}()//-2

-function() {return false}()//0

-function() {return false}()//0

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

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

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

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

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

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

时间： 2025-01-14 08:22:08

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

Javascript自执行匿名函数(function() { })()的原理浅析

匿名函数就是没有函数名的函数.这篇文章主要介绍了Javascript自执行匿名函数(function() { })()的原理浅析的相关资料,需要的朋友可以参考下 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途.匿名函数指没有指定函数名或指针的函数,自执行匿名函数只是其中一种,下文中称这种函数为:自执行函数 下面是一个最常见的自执行函数: // 传统匿名函数 (function() { alert('hello'); })(); 这段代码的执行效果就是在页面再载入时弹出

jQuery匿名函数$(function(){ }

搬运原地址:https://zhidao.baidu.com/question/473318430.html $(function(){ }实际上是匿名函数.这是JQuery的语法,$表示JQuery对象,可以有好几种用法.比如传递选择器字符串.页面对象等,如果直接传函数体进去,表示当页面加载完毕时执行这个函数. 这里实际上是匿名函数 "$(function(){ } "这就定义了一个匿名函数,参数为arg 而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要

Javascript自执行匿名函数(function() { })()的原理分析

匿名函数指没有指定函数名或指针的函数,自执行匿名函数只是其中一种,下文中称这种函数为:自执行函数 下面是一个最常见的自执行函数: 1 // 传统匿名函数 2 (function() { 3 alert('hello'); 4 })(); 这段代码的执行效果就是在页面再载入时弹出:"hello" 是什么促使它自动执行的?,来看下面的代码 // 在传统写法上去掉小括号,并在前面加上运算符 ~,!,+,- ~function(){ alert('hello'); }(); !function

JS中匿名函数$(function(){ })和(function(){})()的区别

“$(function(){ });” Jquery语法的匿名函数,用于存放操作DOM对象的代码,执行其中代码时DOM对象已存在: (通过这样就可以在页面加载完成时通过ajax再异步加载一些数据) “(function(){})();”用于存放开发插件的代码,执行其中代码时DOM不一定存在; (用于在内容加载时或加载前加载) 举例: 该例子在浏览器中运行的时候会报错,究其原因(function(){...})()函数的执行时机并不是在DOM加载完毕后才执行,而是随着页面自上而下来执行 <html

自执行的匿名函数!function()

最近有空可以让我静下心来看看各种代码,function与感叹号的频繁出现,让我回想起2个月前我回杭州最后参加团队会议的时候,@西子剑影抛出的一样的问题:如果在function之前加上感叹号 (!) 会怎么样?比如下面的代码: !function(){alert('iifksp')}() // true 在控制台运行后得到的值时true,为什么是true这很容易理解,因为这个匿名函数没有返回值,默认返回的就是undefined,求反的结果很自然的就是true.所以问题并不在于结果值,而是在于,为什

php : 匿名函数(闭包) [一]

摘自: http://www.cnblogs.com/starlion/p/3894578.html 一:匿名函数 (在php5.3.0 或以上才能使用) php中的匿名函数(Anonymous functions), 也叫闭包函数(closures), 允许指定一个没有名称的函数.最常用的就是回调函数的参数值.(http://php.net/manual/zh/functions.anonymous.php) 匿名函数的定义: $closureFunc = function(){ .... }

匿名函数与闭包

1.匿名函数: 普通函数   function box(){return "lee";}   //函数名是box 匿名函数   function(){return "lee";}   //匿名函数,会报错 通过表达式自我执行    (function box(){alert("lee");})();  //封装成表达式 把匿名函数赋值给变量   var box=function(){return 'lee';}; 函数里的匿名函数    func

JavaScript 匿名函数

// 仅执行一次的匿名函数 ;(function ()//最常见的版本 圆括号包裹起来 表示输入括号很纠结 懒人绝对不理解为什么要有圆括号 { ; console.log( 1 ,2 ,3 ) }()) ;!function ()//其实也可以这样使用 偷懒成功 { ; console.log( 1 ,2 ,3 ) }() , function ()//只要 function 前面不是 分号 花括号等结束符号 是可以直接用逗号使用的 { ; console.log( 4 ,5 ,6 ) }()

浅谈JavaScript匿名函数与闭包

一. 匿名函数 //普通函数定义: //单独的匿名函数是无法运行的.就算运行了,也无法调用,因为没有名称. 如: function(){ alert('123'); }                        //语法错误,无法执行 1.简单的使用: var box =  function(){ return 'Lee'; } alert (box());        //需要调用box()方法. 2.通过自我执行来执行匿名函数 (function(){                /