javascript - 奇怪的语法 : invoking a javascript function with two parenthesis pairs

Question

我目前正在阅读一本关于 AngularJS 的书，我有一个关于我不理解的 javascript 语法的问题。

var element = $compile('<button></button>')($rootScope);

为什么可以调用带有两个括号对的函数？

1. ('<button></button>')
2. ($rootScope)

任何人都可以就此 js 构造提出建议吗？

Answer 1

它不是特殊的构造，它只是一个返回函数的函数。

function a () {
    return function () {
        console.log("hello");
    };
}

a()();

AngularJS $compile 获取一些 HTML 字符串并返回一个可以调用的模板函数。

你的代码片段，写成两行，看起来像这样:

var template = $compile('<button></button>');
var element = template($rootScope);