Javascript 方法
function extend () {
var length = arguments.length
var target = arguments[0] || {}
if (typeof target !== 'object' && typeof target !== 'function') {
target = {}
}
var i = 1
if (length === 1) {
target = this
i--
}
for (i; i < length; i++) {
var source = arguments[i]
for (var key in source) {
// 使用for in会遍历数组所有的可枚举属性,包括原型。
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
return target
}
// 调用方法
var obj1 = {name: 'xz', age: '22', id: '225'}
var obj2 = {name: 'hong', id: '18', wx: '511535683'}
console.log(extend(obj1,obj2))
// 打印结果
{ "name": "hong", "age": "22", "id": "18", "wx": "511535683" }
Vue 全局方法
Vue.prototype.extend = function () {
var length = arguments.length
var target = arguments[0] || {}
if (typeof target !== 'object' && typeof target !== 'function') {
target = {}
}
var i = 1
if (length === 1) {
target = this
i--
}
for (i; i < length; i++) {
var source = arguments[i]
for (var key in source) {
// 使用for in会遍历数组所有的可枚举属性,包括原型。
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
return target
}
var obj1 = {name: 'xz', age: '22', id: '225'}
var obj2 = {name: 'hong', id: '18', wx: '511535683'}
console.log(this.extend(obj1,obj2))
// 打印结果
{ "name": "hong", "age": "22", "id": "18", "wx": "511535683" }