(function(){})()立即执行函数
立即执行函数(function(){})()
关键词: 立即执行函数 匿名函数 作用域
格式: (function())()
作用: 立即执行函数(function())()是匿名函数, 主要利用函数的作用域, 减少全局变量的使用
解释
前提知识
js中的函数通常有两种命名方式,分别是 声明式函数 和 函数表达式
// 声明式函数
function func() {}
// 函数表达式
const func = function() {}分析
当我们的有些简单函数只执行一次的时候,我们通常会这么做
// 声明式函数
function func () {console.log('I am a cat')}
func() // I am a cat
// 表达式函数
const func = function () {console.log('I am a cat')} // 方法1
func() // I am a cat
const func = function () {console.log('I am a cat')} () // 方法2
func // I am a cat这时候我们会注意到函数的调用都要用到函数名, 那么如果我们不想要这个函数名呢?
可以发现函数表达式 方法2 中在函数声明的时候直接将函数结果返回给了变量 func, 并且在调用变量 func 的时候成功返回结果.
那么是否可以这样理解, 直接使用function () {console.log('I am a cat')}就可以实现我们的目的?
function () { console.log('I am a cat')} () // Function statements require a function name失败了? 函数需要一个函数名!
这是因为当我们直接使用function () {console.log('I am a cat')}的时候, js解释器会认为我们的函数是一个声明式函数, 而非表达式函数. 因此必须使用一些特殊手段,让js解释器认出我们应该是函数表达式. 这样的方法有很多,最常见的莫过于以下写法. 这也是我最推荐的写法
(function () {console.log('I am a cat')}) () // I am a cat其他写法
// 知道即可，防止遇见了不认识
!function () {}();
~function () {}();
-function () {}();
+function () {}();
void function () {}();
(function () {}());
(function () {})();
// ES6 箭头函数
(()=>{})()本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
