JavaScript 中函数自运行

JS中的函数

//普通函数
//这里的m1其实既是函数名, 也是指向这个函数的指针(对象)
function m1(){
    console.log("m1");
}

// 调用函数 m1
m1();

// 将函数 m1 赋值给 m3,那么这时候 m3 保存的是 m1 函数
var m3 = m1;

// 这里调用 m3 函数,其实就是调用 m1 函数
m3();

匿名函数

//匿名函数
var m2 = function() { 
    console.log("m2");
}
m2();

//这里也是匿名函数的调用
document.onclick = function(){
    console.log("onclick");
}
document.onclick();

匿名函数自运行

//函数的自运行
//第一个括号: 把匿名函数当成一个整体
//第二个括号: 函数调用
(function() {
    console.log("匿名函数的自运行");
})();


//函数的自运行
//第一个括号: 把匿名函数当成一个整体,说明是函数
//第二个小括号: 函数调用,可以将参数传递过去
(function(a) {
    console.log(a);
})(5);   // 输出 5

返回函数

//传参1
var fn3 = (function() {

    function fn4(a) {
        console.log("fn4 a: ", a);
    }

    return fn4;
})();


fn3(5);



//传参2
var fn5 = (function (a) {
    console.log("a=" + a);
    return function (b) {
        console.log(a+b);
    }
})(3);

fn5(5);
posted @   lvye1221  阅读(6)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
点击右上角即可分享
微信分享提示