js中匿名函数和回调函数

时间:2023-03-08 16:05:35

匿名函数:

通过这种方式定义的函数:(没有名字的函数)

作用:当它不被赋值给变量单独使用的时候

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()();