记录实用有价值的内容

JS 匿名函数的使用、传参及赋值

匿名函数,字面意思就是:没有函数名字的函数。

可以这么认为,变量加括号就是函数,而函数的括号是用来传参的,

那么,以正常函数去想匿名函数,匿名函数比正常函数只是少了函数名,本质还是一样,该怎么传参还是怎么传参,小括号用于传参,小括号用于将变量变成函数。

匿名函数形式

function () {
    console.log('匿名函数');
}

匿名函数特点

  1. 单独的匿名函数是无法运行和调用的
  2. 可以把匿名函数赋值给变量
  3. 通过表达式自我执行,语法:(匿名函数)()
  4. 匿名函数传递参数,语法:(匿名函数)(参数)
// 1. 匿名函数不能直接调用和运行
function () {
    console.log('匿名函数');
}

// 2. 可以把匿名函数的返回值赋值给变量
var anonymous = function () {
    return '我是匿名函数';
} // 可以赋值给变量
anonymous(); // 变量 anonymous 加小括号则执行函数,输出即为匿名函数返回的值

// 3. 匿名函数使用表达式自我执行
(function () {
    console.log('匿名函数');
})() // 函数后面加小括号,则直接执行

匿名函数如何传参

// 传参形式:变量 = (匿名函数)(参数);
// 最外层第一个括号 () 中的为匿名函数,这个匿名函数的返回值会赋给变量 a;
// 最外层第二个括号 () 中传递匿名函数的参数。
var a = (function(a, b) {
    return a + b;
})(1, 2);
// 上述, 1 和 2 为匿名函数的参数,匿名函数返回内容为 1 + 2 的值 3,那么赋给 a 的值就是 3

(function (x, y) {
    console.log(x + y);
})(3, 4) // 直接使用
// or
var anonymous = function (x, y) {
    return x + y;
}
anonymous(5, 6); // 赋值调用

 



上一篇:JS 替换所有的回车及换行 为HTML换行符<br />

下一篇:JS Math对象常用方法