jquery - 这个 jquery 语法是什么？

Question

我经常在一些 Jquery 插件中看到这种情况

    $('#foo').myPlugin({
    foo: 'bar',
            bar: 'foo'
});

我正在谈论 .myPlugin() 部分中的 {}。我经常看到像

这样的匿名函数

.click(function(){
});

但是上面的语法看起来不同

感谢您的帮助!

Answer 1

它是一个对象。该符号用于模拟 named arguments -据我所知，JS 本身无法做到这一点。

它允许无限扩展附加参数，而无需在函数声明中声明它们:

function myfunc(args)  { }  
vs.
function myfunc(duration, opacity, width, height, speed)  { }

并且 - 最重要的是 - 它允许参数的任意顺序:

{"duration": "0.5",
 "width": 300,
 "speed": 2 }

鉴于许多 JS 开发人员并不在 IDE 环境中工作(IDE 会使用“前瞻”显示预期的函数参数)，这是一件非常方便的事情，因为您不必记住顺序其中参数是什么时候出现的。

这样做的缺点是，如果有一个 IDE，则很难为这些假命名参数提供任何“前瞻”功能，并且参数的任意顺序可能会导致从长远来看会出现某种程度的困惑。