Web培训
400-111-8989
(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')} // 方法1func() // I am a catconst func = function () {console.log('I am a cat')} () // 方法2func // 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 箭头函数(()=>{})()
预约申请免费试听课
填写下面表单即可预约申请免费试听！ 怕学不会？助教全程陪读，随时解惑！担心就业？一地学习，可全国推荐就业！
下一篇：Web前端和后端有什么区别？
-
扫码领取资料
回复关键字：视频资料
免费领取 达内课程视频学习资料
Copyright © Tedu.cn All Rights Reserved 京ICP备08000853号-56 
京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有
选择城市和中心
北京
黑龙江省
吉林省
内蒙古
河北省
陕西省
江苏省
湖北省
四川省
重庆
湖南省
江西省
浙江省
贵州省
云南省
广西省
海南省
台湾