JS中超越现实的匿名函数用法实例分析


Posted in Javascript onJune 21, 2019

本文实例讲述了JS中超越现实的匿名函数用法。分享给大家供大家参考,具体如下:

一般函数:

function show1(name){
    alert(name); //打印:zhangsan
  }
show1("zhangsan");

匿名函数:

var show2 = function (name) {
    alert(name); //打印:张三
  }
show2("张三");

上面2种定义函数的区别:

1.我们知道所有的function都会在window对象里

function show1(name){
    alert(name); //打印:张三
  }
  window.show1("张三");

即使在函数定义之前调用

window.show1("张三");
  function show1(name){
    alert(name); //打印:张三
  }

这是因为这种”有名字”的函数在JS引擎初始化的时候就加载到作用域里面

2.如果是匿名函数

window.show2("李四");
  var show2 = function (name) {
    alert(name); //打印:李四
  }

控制台会打印:TypeError: window.show2 is not a function

二、如果我们需要合并上面2个函数

<script>
  function show(name) {
    return function () {
      alert(name); //内部函数是可以调用外层的变量的
    }
  }
  show("王五");
</script>

猜猜会打印什么?什么也没有,也不会报错。这是因为执行show()只是返回了一个函数本身,并没有执行这个函数。

show("王五")();

这样执行,就打印:王五

如果里面的函数也要传入变量

<script>
  function show(name) {
    return function (age) {
      alert(name); //打印:王五
      alert(age); //打印:18
    }
  }
  show("王五")(18);
</script>
<script>
  function show(name) {
    return function (name) {
      alert(name);
    }
  }
  show("王五")(18);
</script>

猜猜是打印“王五”还是“18”?只会打印“18”。

三、匿名函数的自执行

<script>
  (function (name) {
    alert(name);  //打印:哈哈
  })("哈哈")
</script>

以上是推荐的写法。

其他写法:

-function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")
+function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")
!function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")
[function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")]
new function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")
~function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")
void function (name) {
    alert(name);  //打印:哈哈
  }("哈哈")

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
基于jquery的$.ajax async使用
Oct 19 Javascript
重构Javascript代码示例(重构前后对比)
Jan 23 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
Javascript让DEDECMS告别手写Tag
Sep 01 Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 Javascript
jQuery如何使用自动触发事件trigger
Nov 29 Javascript
javascript特殊日历控件分享
Mar 07 Javascript
jquery日历插件e-calendar升级版
Nov 10 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 Javascript
jQuery实现影院选座订座效果
Apr 13 jQuery
微信小程序实现圆形进度条动画
Nov 18 #Javascript
JavaScript迭代器的含义及用法
Jun 21 #Javascript
js事件触发操作实例分析
Jun 21 #Javascript
微信小程序实现下拉刷新动画
Jun 21 #Javascript
vue elementUI使用tabs与导航栏联动
Jun 21 #Javascript
Ajax请求时无法重定向的问题解决代码详解
Jun 21 #Javascript
vue配置文件实现代理v2版本的方法
Jun 21 #Javascript
You might like
php做下载文件的实现代码及文件名中乱码解决方法
2011/02/03 PHP
PHP 命令行工具 shell_exec, exec, passthru, system详细使用介绍
2011/09/11 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
php文件上传的例子及参数详解
2013/12/12 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
PHP+Ajax+JS实现多图上传
2016/05/07 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
使用原生js实现页面蒙灰(mask)效果示例代码
2014/06/20 Javascript
javascript中Date()函数在各浏览器中的显示效果
2015/06/18 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
2016/08/09 Javascript
jquery获取下拉框中的循环值
2017/02/08 Javascript
深入解析js轮播插件核心代码的实现过程
2017/04/14 Javascript
详解vue的diff算法原理
2018/05/20 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
2018/11/05 Javascript
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
[58:57]2018DOTA2亚洲邀请赛3月29日小组赛B组 Effect VS VGJ.T
2018/03/30 DOTA
windows下python安装paramiko模块和pycrypto模块(简单三步)
2017/07/06 Python
Python tkinter实现的图片移动碰撞动画效果【附源码下载】
2018/01/04 Python
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
python利用微信公众号实现报警功能
2018/06/10 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
django使用channels实现通信的示例
2020/10/19 Python
CSS3控制HTML元素动画效果
2014/02/08 HTML / CSS
Prototype如何实现页面局部定时刷新
2013/08/06 面试题
高中自我评价分享
2013/12/05 职场文书
顶撞领导检讨书
2014/01/29 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
党的群众路线个人对照检查材料
2014/09/23 职场文书
党员个人对照检查材料范文
2014/09/24 职场文书
2014年工人工作总结
2014/11/25 职场文书
医务人员医德考评自我评价
2015/03/03 职场文书
2019感恩宣传标语!
2019/07/05 职场文书
golang 实现对Map进行键值自定义排序
2021/04/28 Golang
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python