js でオブジェクトを作成するさまざまな方法とその長所と短所のまとめ

var obj = 新しいオブジェクト()
オブジェクト名 = 'xxx'
オブジェクト年齢 = 18
またはオブジェクトリテラルvar o1 = {を使用します
  名前: 'xxx',
  言う: () => {}
}
var o2 = {
  名前: 'xxx',
  言う: () => {}
}

関数ファクトリー(名前,年齢) {
  var obj = 新しいオブジェクト()
  obj.name = 名前
  obj.age = 年齢
  オブジェクトを返す
}
var o1 = ファクトリー(1, 11)
var o2 = ファクトリー(2, 22)

関数 Person(名前, 年齢) {
  this.name = 名前
  this.age = 年齢
  this.sayName = 関数() {
    console.log(この名前)
  }
}
var o1 = 新しいPerson(1,11)
var o2 = 新しいPerson(2,22)
o1.名前を言う() // 1
o2.名前を言う() // 2

関数 Person(名前, 年齢) {
  this.name = 名前
  this.age = 年齢
}
関数 sayName() {
  console.log(この名前)
}
var o1 = 新しいPerson(1,11)
var o2 = 新しいPerson(2,22)
o1.名前を言う() // 1
o2.名前を言う() // 2

関数 Person(){}
人.プロトタイプ.名前 = '123'
人物.プロトタイプ.年齢 = 18
Person.prototype.sayName = function() {
  console.log(この名前)
}
var o1 = 新しいPerson(1,11)
var o2 = 新しいPerson(2,22)
o1.名前を言う() // 123
o2.名前を言う() // 123

関数 Person(){}
人.プロトタイプ.名前 = '123'
人物.プロトタイプ.年齢 = 18
Person.prototype.friends = ['a', 'b']
Person.prototype.sayName = function() {
  console.log(この名前)
}
var o1 = 新しいPerson(1,11)
var o2 = 新しいPerson(2,22)
o1.friends.push('c')
console.log(o2.friends) // ['a', 'b', 'c']

関数 Person(名前, 年齢) {
  this.name = 名前
  this.age = 年齢
  this.friends = ['a']
}
Person.プロトタイプ = {
  コンストラクタ: Person,
  sayName: 関数() {
    console.log(この名前)
  }
}
var o1 = 新しいPerson(1,11)
var o2 = 新しいPerson(2,22)
o1.名前を言う() // 1
o2.名前を言う() // 2

関数 Person(名前, 年齢) {
  this.name = 名前
  this.age = 年齢
  this.friends = ['a']
  if(typeof this.sayName != 'function') {
    Person.prototype.sayName = function() {
      console.log(この名前)
    }
  }
}
var o1 = 新しいPerson(1,11)
var o2 = 新しいPerson(2,22)
o1.名前を言う() // 1
o2.名前を言う() // 2

関数SpecialArray() {
  var o = 新しい配列()
  // 値を追加する o.push.apply(o, arguments)
  // メソッドを追加 o.toPipedString = function(){
    this.join('|') を返します
  }
  戻る
}
var o1 = 新しい特殊配列(1,11)
o1.toPipedString() // 1|11

関数 Person(名前) {
  var o = 新しいオブジェクト()
  // メソッドを追加 o.getName = function(){
    戻り名
  }
  戻る
}
var o1 = 新しいPerson(1)
o1.getName() // 1