今天在看youtube的前端代码时发现了一个很奇怪的写法,从来没见过,代码如下:
(function(e, c, l, f, g, h, k) {
var d = window;
d.getInitialData = function() {
var b = window;
b.ytcsi && b.ytcsi.tick("pr", null, "");
b = {
page: e,
endpoint: c,
response: l
};
f && (b.playerResponse = f);
g && (b.reelWatchSequenceResponse = g);
k && (b.url = k);
h && (b.previousCsn = h);
return b
}
;
d.loadInitialData && d.loadInitialData(d.getInitialData())
}
)(a.ytPageType, a.ytCommand, a.ytInitialData, a.ytInitialPlayerResponse, a.ytInitialReelWatchSequenceResponse, a.ytPreviousCsn, a.ytUrl);
我印象中的js函数是:
var function_name = function(参数列表) {};
结果既没有函数名,函数屁股后面还跟了一个大括号,看上去像是调用一个函数,但是奇怪的是又没有函数名。
其实上面这种写法叫做立即调用函数表达式(IIFE Immediately Invoke Funtion Expression)
它由两部分组成:匿名函数和调用部分
//匿名函数
(function(args) {
// your codes
})
//立即调用
(params);
//例如
(function(str) {
console.log(str);
})("Hello world");
运行结果: