javaScript中函数以及自执行函数详解

最近在看一些代码的时候发现一些函数的不了解的写法，随即进行了相关的了解和知识总结。

函数声明

function action(){//函数体
}
//函数调用
action();

函数表达式

var txt=function action(){//函数体
}
//调用
action();

函数表达式和函数声明的区别

变量声明和函数声明会被提前到作用域的顶端，所以通过函数声明创建的函数，什么时候都可以被调用，但是通过函数表达式创建的函数，只能在创建后被调用。
函数表达式可以进行重新赋值，可能会引起bug。

自执行函数

形如（function(){})();,是自执行函数
有一些函数前面添加+，-，！，（）等符号，可以造成函数自执行。

特点：
1. 执行匿名函数可以通过+，-，！，（）这样的形式来转化为函数表达式，就可以通过（）来运行了。
2. 匿名函数的好处在于：可以减少局部变量，以免污染现有的运行环境。jQuery等库都用到了这样的原理。

//自执行函数形式
( function(){…} )()
( function (){…} () )
//函数立即调用的写法
( function() {}() );
( function() {} )();
[ function() {}() ];~ function() {}();
! function() {}();
+ function() {}();
- function() {}();delete function() {}();
typeof function() {}();
void function() {}();
new function() {}();
new function() {};var f = function() {}();1, function() {}();
1 ^ function() {}();
1 > function() {}();

参考文章：https://my.oschina.net/u/2331760/blog/468672?p=%7B%7BcurrentPage+1%7D%7D

javaScript中函数以及自执行函数详解相关推荐

Javascript中的url编码与解码(详解)
摘要本文主要针对URI编解码的相关问题做了介绍,对url编码中哪些字符需要编码.为什么需要编码做了详细的说明,并对比分析了Javascript中和编解码相关的几对函数escape / unescap ...
JavaScript中的Event（事件）详解
Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! 事件句柄 (Event ...
JavaScript中的this的指代对象详解
在javascript里面,this是一个特殊的对象,它不像其他编程语言那样,是存储在实例中的值,直接指向此实例. 而是作为一个单独的指针,在不同的情况之下,指向不同的位置,这也是为什么我们会将它搞混 ...
19. OP-TEE中TA与CA执行流程详解-------软件架构篇
历经一年多时间的系统整理合补充,<手机安全和可信应用开发指南:TrustZone与OP-TEE技术详解 >一书得以出版,书中详细介绍了TEE以及系统安全中的所有内容,全书按照从硬件到软件, ...
javascript中parentNode,childNodes,children的应用详解
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: <div id="parent" ...
javascript中match方法和exec()方法详解与深度区别(非原创)
match和exec的比较 1.match match方法属于String正则表达方法. 语法: str.match(regexp或者string) str:要进行匹配的字符串. regexp:一个 ...
dbms中怎么跨数据源拷贝数据_Oracle中使用DBMS_XPLAN处理执行计划详解
概述 DBMS_XPLAN是Oracle提供的一个用于查看SQL计划,包括执行计划和解释计划的包:在以前查看SQL执行计划的时候,我都是直接使用set autotrace命令,不过DBMS_XPLAN ...
java item.getparentnode(),javascript中parentNode,childNodes,children的应用详解
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点例: My text 在上面的代码中, 你看到把"爹 ...
javascript写css样式,原生javascript实现读写CSS样式的方法详解
原生javascript实现读写CSS样式的方法详解发布于 2017-05-24 15:05:31 | 120 次阅读 | 评论: 0 | 来源: 网友投递 JavaScript客户端脚本语言Jav ...
前端中unescape是什么意思_详解JavaScript中的Unescape()和String() 函数
JavaScript中的Unescape()和String() 函数详解,具体内容如下所示: 定义和用法 JavaScript unescape() 函数可对通过 escape() 编码的字符串进行解 ...