javascript 匿名函数_匿名函数lambda

javascript 匿名函数_匿名函数lambda你必须知道的JavaScript匿名函数以及多种匿名函数的写法,本文还将详解为什么匿名函数会自动执行,这也是Jquery库的原理哦~~~

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用
匿名函数没有实际名字,也没有指针,怎么执行滴? 
其实大家可以看看小括号的意义就应该可以理解。小括号有返回值,也就是小括号内的函数或者表达式的返回值,所以说小括号内的function返回值等于小括号的返回值,不难理解 (function(){})()可以将没有名字的函数执行了把… 
关于匿名函数写法,很发散~ 
最常见的用法: 

代码如下:

(function() { 
alert(‘water’); 
})(); 


当然也可以带参数: 

代码如下:

(function(o) { 
alert(o); 
})(‘water’); 


想用匿名函数的链式调用?很简单: 

代码如下:

(function(o) { 
alert(o); 
return arguments.callee; 
})(‘water’)(‘down’); 


常见的匿名函数都知道了,看看不常见的: 

代码如下:

~(function(){ 
alert(‘water’); 
})();//写法有点酷~ 


代码如下:

void function(){ 
alert(‘water’); 
}();//据说效率最高~ 
这里补充一下为什么加void效率会比较高
这是因为加void就相当于定义了该函数的原型,搜索该函数的时候就可以直接找到,不用大面积搜索,因此会比较快!这是我在群里问得到的解析,加上自己的理解,欢迎不同见解!


代码如下:

+function(){ 
alert(‘water’); 
}(); 


代码如下:

-function(){ 
alert(‘water’); 
}(); 


代码如下:

~function(){ 
alert(‘water’); 
}(); 


代码如下:

!function(){ 
alert(‘water’); 
}(); 


代码如下:

(function(){ 
alert(‘water’); 
}());//有点强制执行的味道~ 



那为什么加上这些符号呢?
弄清这个问题需要弄清函数表达式(function expression)和函数声明(function declaration)的区别:


函数表达式:

/* 函数表达式中的函数可以为匿名函数,也可以有函数名,但是该函数实际上不能直接使用,只能通过表达式左边的变量 a 来调用。*/

var a = function(){

alert(‘Function expression’);

}

var b = new a();

函数声明:

// 函数声明时必须有函数名

function a(){

alert(‘Function declaration’);

}

a();

而这段代码:

<script> 


~function() { 
alert(“hello, world.”); 
}
 
()

</script>

实际上可以分为两个部分(黑体部分和斜体部分)。黑体部分的匿名函数通过一元操作符变成了函数表达式,因而可以通过 () 来调用。




因此,执行匿名函数可以通过+,-,!,() 这样的形式来转化为函数表达式,就可以通过()来运行了。




匿名函数的好处在于:可以减少局部变量,以免污染现有的运行环境。jQuery等库都用到了这样的原理。


另外:通过+,-,!这三个符号运行的匿名函数比()运行的匿名函数可以减少一个字符的使用。

所以那些匿名函数附近使用括号或一些一元运算符的惯用法,就是来引导解析器,指明运算符附近是一个表达式。
按照这个理解,可以举出五类,超过十几种的让匿名函数表达式立即调用的写法

( 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://javaforall.net/186439.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Android Activity为什么要细化出onCreate、onStart、onResume、onPause、onStop、onDesdroy这么多方法让应用去重载?

    Android Activity为什么要细化出onCreate、onStart、onResume、onPause、onStop、onDesdroy这么多方法让应用去重载?最近在研究Activity的启动流程,老罗的blog在看,也找了其它资料学习,也跟过Android4.3的源码,在跟代码的过程中,突然想到下面的这个问题:  AndroidActivity为什么要细化出onCreate、onStart、onResume、onPause、onStop、onDesdroy这么多方法让应用去重载?网上太多根据Android开发规范翻译转载的内容,都不是我想要的答案,那就自己分析下

    2022年5月5日
    38
  • 怎样去除悬针纹 小妙招轻松赶走悬针纹_额头悬针纹有什么说法

    怎样去除悬针纹 小妙招轻松赶走悬针纹_额头悬针纹有什么说法其实纹路和我们每个人的心情也是有关系的,如果一个人经常愁眉苦脸,就会“相由心生”,长出烦恼线来,悬针纹也就来了。那么究竟悬针纹是什么呢?悬针纹化解方法有哪些呢?悬针纹怎么去除比较好呢?悬针纹是什么

    2022年8月4日
    7
  • Spring Cloud微服务架构图

    Spring Cloud微服务架构图SpringCloud微服务架构图相关技术名词说明SpringCloudGatewaySpringCloudGateway是SpringCloud的一个全新项目,该项目是基于Spring5.0,SpringBoot2.0和ProjectReactor等技术开发的网关,它旨在为微服务架构提供一种简单有效的统一的API路由管理方式。SpringCloudGateway是基于WebFlux框架实现的,而WebFlux框架底层则使用了高性能的Reactor模式通信

    2022年6月17日
    32
  • 上百例Silverlight网站及演示汇总「建议收藏」

    上百例Silverlight网站及演示汇总「建议收藏」SilverLight网站大集合1.国外的一家电视网站http://plus.mixplay.tv/videosonline/home#videos-de.home:plus 2.条形码http://www.neodynamic.com/demo-faq/barcode-silverlight/134/SilverlightBarcodePhotoIdCardOnline/Defa

    2022年10月19日
    5
  • mac 安装pymssql

    mac 安装pymssql我们在mac环境下想连接mssqlserver数据库,首先要考虑的就是使用pymssql库,而pymssql是在freedts的基础上研发的,所以要先安装freedts,但是安装这个库之前还需有有一系列的支撑库brewinstallunixodbcpipinstallCythonpipinstallsetuptools_git我们正常直接使用pipinstallpymssql时会报下面的错误Jason-MacBook-Pro:~wangying$pipinstal..

    2022年6月16日
    67
  • [小改进]个人Blog首页显示随笔摘要

    [小改进]个人Blog首页显示随笔摘要

    2021年7月22日
    77

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号