我在插件中使用jQuery扩展来覆盖默认参数.但是,我有一个问题.
这是我的默认设置数组：
- slider.settings = {
- background: {
- animation : {
- direction : 'horizontal',increment : 15 //can be any number
- }
- }
- }
现在,我想覆盖direction参数.这是我将使用extend合并的数组：
- settingsToOverwrite = {
- background:{
- animation:{
- direction:'vertical'
- }
- }
- }
现在,我合并了两个：
- slider.settings = $.extend(slider.settings,options)
我可以看到方向值已更新.但是,增量不再存在.我知道为了避免这个问题,我只能在第一级设置参数,但我看到了更多的代码清晰度.有办法吗？如果没有,我会将所有内容改为只有一层深.
解决方法
默认情况下,jQuery.extend()仅比较直接属性,执行“浅合并”.由于两个对象都具有背景,因此它只需要从第二个对象获取整个背景.
但是,pass a true作为第一个参数,jQuery.extend()将执行“深度合并”.
- slider.settings = $.extend(true,slider.settings,options);
此外,由于第一个对象是目标并且将被修改并返回,因此您可以使用以下命令更新slider.settings：
- $.extend(true,options);
而且,如果你想从合并中获得一个新的对象,你必须自己创建它：
- slider.settings = $.extend(true,{},options);
