vue, js 合併對象方法 實現 extend

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" }