javascript - jQuery 插件语法/ JavaScript 语法？

Question

我在 JavaScript 或 jQuery 插件中多次遇到这种语法

$.fn.testPlugin = function( options ) {  

    // Create some defaults, extending them with any options that were provided
    var settings = $.extend( {
      'location'         : 'top',
      'background-color' : 'blue'
    }, options);

我确实了解该功能已扩展，但我不清楚之后$.extend({})的内容。

Answer 1

该$.extend()方法会将第二个（和后续）参数中的对象中给定的任何键/值对合并到第一个参数中传递的对象中。然后它返回（更新的）第一个参数作为结果。

options因此，这只是为这两个选项指定一些默认值的一种方式，插件用户将参数传递给插件的任何内容都将覆盖这些默认值。

例如，如果您调用：

$(el).testPlugin({ location: 'left' });

然后在插件中生成的设置将是：

var settings = {
    location:         'left',
    background-color: 'blue'
};

Answer 2

jQuery.extend() is syntax for merging the contents of two or more objects together into the first object. http://api.jquery.com/jQuery.extend/