DaiCuoBBs

 找回密码
 免费注册

QQ登录

只需一步,快速开始

[jQuery] 使用Jquery的extend实现参数合并

[复制链接]
admin 发表于 2019-12-22 17:14:21 | 显示全部楼层 |阅读模式
jQuery的$.extend方法是我们在开发中经常用到的方法,用于合并若干个对象,且支持深度拷贝。

最常见的一个使用场景是参数的合并,比如我们要做一个显示对话框的组件,接收一个option对象参数,把它和默认参数defaultOption合并,得到新的参数。这样做的好处就是对option字段的拓展非常方便,并且使用者可以只传部分参数,其他均为默认值,代码可读性也比较好。
jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。
https://www.runoob.com/jquery/misc-extend.html
  1. var showDialog = (function() {
  2.      var defaultOption = {
  3.         title:'',
  4.         width:500,
  5.         close:function(){}
  6.     }
  7.     return function(option) {
  8.         $.extend({},defaultOption,option);
  9.     }
  10. })()

  11. showDialog({
  12.     title:'',
  13.     close:function() {
  14.       console.log('dialog closed')
  15.     }
  16. })
复制代码



您需要登录后才可以回帖 登录 | 免费注册

本版积分规则

QQ|Archiver|手机版|小黑屋|大错站长论坛

GMT+8, 2020-6-6 16:58 , Processed in 0.055794 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表