JS对象合并

JavaScript013

JS对象合并,第1张

$.extend(object1, object2)   将object2合并到object1中

tips :1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象jQuery添加新的函数。

        2. 如果多个对象具有相同的属性,则后者会覆盖前者的属性值。

将多个对象合并成一个

ex:let user = {name:'无敌人',age:19}

        let page = {pageSize:10,currentPage:1}

        let newObj = {}

        let a=Object.assign(newObj,user,page)

tips:$.extend()最终也许会改变其中的一个对象,而Object.assign()会返回一个新的合并了的对象 而传入的这些对象不会被改变

将多个js文件合并为一个js文件的方法是使用查找拷贝粘贴法 :

1、打开网站主页,然后右击鼠标,选择“查看源码”。再按CTRL+F快捷键调出搜索框,在搜索框中输入

script type='text/javascript'

2、回车确定后。选择“高亮全部”,就能看见网页中有多少个外部javascript文件了。如下图,head中有两个外部JavaScript。一般在footer部分也能找到外部JavaScript。

3、合并多个js

(1)在网站根目录下面创建一个文件,命名为main.js。然后编辑main.js文件。

需要将外部JavaScript文件的内容全部粘贴到main.js文件中。

(2)按CTRL+A选择全部内容,然后CTRL+C复制全部内容,将内容粘贴到main.js文件中。再点击下一个JavaScript文件的 src 地址,依次它们的内容粘贴到main.js文件中。最后保存。

(3)引用main.js文件

main.js创建好以后,需要在wordpress主题文件夹的footer.php文件中引用main.js。footer.php文件的路径一般为/var/www/html/wp-content/themes/themename/footer.php。

function combineConfig(config)

{

let defconfig = {

name : "我是默认name",

age : "我是默认age:12",

}

defconfig = {...defconfig,...config}

return defconfig

}

function combineConfig_Object(config)

{

let defconfig = {

name : "我是默认name Object",

age : "我是默认age:12 Object",

}

Object.assign(defconfig, config)

return defconfig

}

function combineConfig_jquery(config)

{

let defconfig = {

name : "我是默认name jquery",

age : "我是默认age:12 jquery",

}

$.extend(defconfig, config)

return defconfig

}

function combineConfig_for(config)

{

let defconfig = {

name : "我是默认name jquery",

age : "我是默认age:12 jquery",

}

for (let k in config)

{

defconfig[k] = config[k]

}

return defconfig

}