深入浅析JavaScript函数前面的加号和叹号
2019/6/27 22:16:27
本文主要是介绍深入浅析JavaScript函数前面的加号和叹号,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
+function(){}();
这里的加号,也可以替换成!,~等其他一元操作符,其效果相当于:
(function() { console.log("Foo!"); })(); // or (function() { console.log("Foo!"); }());
如果没有这个加号的话,解析器会认为function是一个函数声明的开始,而后面()将会导致语法错误。在function前面加上+号时,就变成了一个函数表达式,而函数表达式后面又添加了一个()就变成了一个立即执行的函数了。
下面看下js函数前面感叹号的作用:
一、JS函数声明形式
function fnA(){alert('msg');} //声明式定义函数
二、JS函数表达式形式
var func = function(agr1,arg2){ //创建匿名函数 alert(arg1 + ' ' + arg2); }
三、JS匿名函数声明完立即执行的常见格式
(function() { /* code */ })();
说明
1、包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。
2、使用括号包裹定义函数体,解析器将会以函数表达式的方式去调用定义函数。也就是说,任何能将函数变成一个函数表达式的作法,都可以使解析器正确的调用定义函数。而 ! 就是其中一个,而 + - || 都有这样的功能。
3、该函数的作用主要为 匿名 和 自动执行
这篇关于深入浅析JavaScript函数前面的加号和叹号的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30React Native常用组件-点击组件
- 2024-05-30uniapp+vue3+uv-ui手机端后台OA管理模板
- 2024-05-29Python网络爬虫的时候json=就是让你少写个json.dumps()
- 2024-05-27React Native常用组件-展示组件
- 2024-05-27React Native常用组件-列表组件
- 2024-05-09vue3开发前端表单缓存自定义指令,移动端h5必备插件
- 2024-05-09React Hooks在class组件中的使用方式
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist