网页前端后台技巧(CSS+HTML)让前端飞Web

【JS】匿名函数

2019-01-18  本文已影响2人  德育处主任
微信订阅号:Rabbit_svip

本节讲解 3 种原生JS的匿名函数。

匿名函数又叫立即执行函数。

因为是匿名的,所以不能被调用。

因为不能被调用,所以不立即执行的话就没意义了。

因为立即执行,所以在执行完之后就会被销毁。




第一种(常用)
( function(){…} )()

(function() {
    alert(1);
})();


第二种(常用)
( function(){…}() )

(function() {
    alert(2);
}());


第三种(不常用)
~function(){…}()

~function() {
    alert(3);
}();




前两种写法,返回值都是正常的。

第三种写法的返回值会比较奇怪,所以很少用。

第一种写法

console.log(
    (function(){
        return 1;
    })()
);

在控制台输出 1


第二种写法

console.log(
    (function() {
        return 2;
    }())
);

在控制台输出 2


第三种写法

console.log(
    ~function() {
        return 3
    }()
);

在控制台输出 -4


console.log(
    ~function() {
        return -3
    }()
);

在控制台输出2


假设第三种写法的返回值是未知数 x。
则得到的返回值是:-(x + 1)

上一篇下一篇

猜你喜欢

热点阅读