javascript - 有人能解释一下这段 JavaScript 代码吗？

Question

这个问题已经有答案了:

What is the (function() { } )() construct in JavaScript? (28 个回答)

已关闭 7 年前。

        settings.supportsCssTransitions = (function (style) {
            var prefixes = ['Webkit', 'Moz', 'Ms'];
            for (var i = 0, l = prefixes.length; i < l; i++) {
                if (typeof style[prefixes[i] + 'Transition'] !== 'undefined') {
                    return true;
                }
            }
            return false;
        })(document.createElement('div').style);

为什么要用“()”来括住匿名函数？ (document.createElement('div').style) 有什么用？是不是每次我执行settings.supportsCssTransitions时，“document.createElement('div').style”都会成为传递给匿名函数的默认参数？有人可以帮我解释一下吗？

Answer 1

这是一个测试执行浏览器是否支持某些 CSS 属性的函数。

这个结构是什么:

var result = (function(arg) { ...; return smth; })(arg)

的作用是创建一个匿名函数并立即使用参数arg执行它，然后将其返回值分配给result。

通过一系列顶级语句可以实现相同的结果，但这样做可以更好地格式化，因为函数内部使用的变量保留在函数内部。

document.createElement('div').style 位只是创建一个虚拟 HTMLElement，并将其 style 属性传递给函数，然后由函数对其进行分析。