js中匿名函数和回调函数
2024-10-13 03:43:45
匿名函数:
通过这种方式定义的函数:(没有名字的函数)
作用:当它不被赋值给变量单独使用的时候
1.将匿名函数作为参数传递给其他函数
2.定义某个匿名函数来执行某些一次性任务
var f = function (a) {
return a;
};
回调函数:
function invokeAdd(a, b) {
return a() + b();
}
function one() {
return 1;
}
function two() {
return 2;
}
invokeAdd(one, two);
//3
也可以直接用匿名函数来代替:
invokeAdd(function () { return 1; }, function () { return 2; });
可读性更高的写法:
invokeAdd(
function () { return 1; },
function () { return 2; }
);
还可以:
invokeAdd(
function () {
return 1;
},
function () {
return 2;
});
当将函数A传递给函数B,并由B来执行A时,A就成了一个回调函数(callback function),A如果是一个无名函数,就称为匿名回调函数
回调函数的优势:
1.可以让我们不做命名的情况下传递函数(节省变量名的使用)
2.可以将函数调用操作委托给另一个函数(节省代码编写工作)
3.有助于提升性能
回调函数示例:
需要将一个函数的返回值传递给另一个函数
function multiplyByTwo(a, b, c) {
var i,
ar = [];
for (var i = 0; i < 3; i++) {
ar[i] = arguments[i] * 2;
}
return ar;
}
调用:
multiplyByTwo(1,2,3);
结果:
[2, 4, 6]
function addOne(a) {
return a + 1;
}
调用:
addOne(100);
--101
实现三个元素在两个函数之间的传递:
1.定义另一个数组,用来存储来自第一步的结果
var myarr = [];
myarr = multiplyByTwo(10, 20, 30);
2.循环遍历每一个元素,分别传递给addOne()
for (var i = 0; i < 3; i++) {
myarr[i] = addOne(myarr[i]);
}
调用:
myarr;
[21, 41, 61]
以上代码的缺点使用了两个循环,需要合二为一:
function multiplyByTwo(a, b, c, callback) {
var i, ar = [];
for (var i = 0; i < 3; i++) {
ar[i] = callback(arguments[i] * 2);
}
return ar;
}
调用:
myarr = multiplyByTwo(1, 2, 3, addOne);
用匿名函数来代替addOne(),可以节省一个额外的全局变量
myarr = multiplyByTwo(1, 2, 3, function (a) { return a + 1;});
即时函数:(在定义后立即调用)
(
function () {
alert('boo');
}
)();
只需要将匿名函数的定义放进一对括号中,然后外面紧跟一对括号即可。第二对括号起到“立即调用”的作用,也是我们向匿名函数传递参数的地方
(
function (name) {
alert('Hello' + name + '!');
}
)('dude');
使用匿名函数的好处是不会产生任何全局变量,缺点是这样的函数是无法重复执行的(除非放在某个循环或其他函数中),使的即时函数非常适合执行一些一次性的或初始化的任务
内部私有函数:
在一个函数中定义另一个函数
function outer(param) {
function inner(theinput) {
return theinput * 2;
}
return 'The result is ' + inner(param);
}
改用函数标识法:
var outer = function (param) {
var inner = function (theinput) {
return theinput * 2;
};
return 'The result is ' + inner(param);
};
结果:
outer(2); --The result is 4
outer(8); --The result is 16
inner(2); --inner is not defined
使用私有函数的好处:
1.有助于我们确保全局名字空间的纯净性
2.确保私有性——只选择一些必要的函数暴露给“外部世界”,而保留属于自己的函数,不为该应用程序的其他部分所用
返回函数的函数:
function a() {
alert('A');
return function () {
alert('B');
};
} var newFync = a();
newFync();
让返回的函数立即执行:
a()();
最新文章
- ActiveMQ安全配置
- Sql Server系列:游标
- objective-c与c++的差异
- Pycharm 使用配置
- 电脑控制台灯(c# hook,显示室温,联网校正时间)
- Javascript 异步加载详解
- 近期H5项目开发小结
- TCP/IP 三次握手和四次握手
- 小tip:我是如何初体验uglifyjs压缩JS的
- jquery 弹出框 showDialog.js具体用法
- HEAP CORRUPTION DETECTED
- 序列化之protobuf与avro对比(Java)
- PMP(第六版)十大知识领域、五大项目管理过程组、49个过程矩阵
- Day 2 上午
- January 16th, 2018 Week 03rd Tuesday
- DPDK的安装与绑定网卡(转)
- Intellij修改模板代码
- php底层HashTable的实现
- PHP 面试知识梳理
- [转]Newtonsoft JSON how to dynamically change the date format?
热门文章
- CVE-2019-0797漏洞:Windows操作系统中的新零日在攻击中被利用
- FTP登录提示Can&#39;t open data connection for transfer of ";/";
- Uva 11178 Morley定理
- Sql 08数据库还原数据库时一直提示数据库被占用
- python基础--管理目录与文件
- python-基于UDP通信的套接字,socketserver模块的使用
- 大数据mapreduce二分法ip定位之Python实现
- Confluence 6 MySQL 创建数据库和数据库用户
- Confluence 6 色彩选择器展开的页面
- Java Web 开发的JavaBean + Servlet + Sql Server