归纳下js面向对象的几种常见写法总结

针对“归纳下js面向对象的几种常见写法总结”的完整攻略，我给出如下的详细讲解：

1. 面向对象编程

面向对象编程（OOP，Object Oriented Programming）是一种编程范式，它将任务分解成一些个体，这些个体通过彼此分工协作来完成任务。在 JavaScript 中，对象、构造函数、原型链和继承都是实现 OOP 的关键元素。

2. JS面向对象编程的几种常见写法

下面我们将分别讲解几种常见的 JS 面向对象编程写法：

2.1 工厂模式

工厂模式是通过工厂方法来创建对象的一种方式。它可以根据传入的参数来创建不同的对象，这些对象都具有统一的接口。示例代码如下：

function createPerson(name) {
  var o = new Object()
  o.name = name
  o.sayName = function() {
    console.log(this.name)
  }
  return o
}

var person1 = createPerson('John')
var person2 = createPerson('Tom')
person1.sayName() //输出 'John'
person2.sayName() //输出 'Tom'

2.2 构造函数模式

构造函数模式是使用 new 关键字来创建对象的一种方式。这种方式下，可以将对象的初始化绑定到构造函数中，从而避免了代码冗余，可以生成多个具有相同属性和方法的对象。示例代码如下：

function Person(name) {
  this.name = name
  this.sayName = function() {
    console.log(this.name)
  }
}

var person1 = new Person('John')
var person2 = new Person('Tom')
person1.sayName() //输出 'John'
person2.sayName() //输出 'Tom'

2.3 原型模式

原型模式是使用原型链来创建和继承对象的一种方式。原型模式下，可以将公共属性和方法以原型对象的形式来创建，从而避免了大量重复的属性和方法声明。示例代码如下：

function Person() {}

Person.prototype.name = 'John'
Person.prototype.sayName = function() {
  console.log(this.name)
}

var person1 = new Person()
var person2 = new Person()
person1.sayName() //输出 'John'
person2.sayName() //输出 'John'

2.4 组合模式

组合模式是将构造函数模式和原型模式进行结合的一种方式。这种方式下，使用构造函数来初始化属性，使用原型对象来声明公共属性和方法。示例代码如下：

function Person(name) {
  this.name = name
}

Person.prototype.sayName = function() {
  console.log(this.name)
}

var person1 = new Person('John')
var person2 = new Person('Tom')
person1.sayName() //输出 'John'
person2.sayName() //输出 'Tom'

3. 结语

以上就是几种常见的 JS 面向对象编程写法。根据项目的需求和开发者的习惯，可以采用不同的方式来实现。希望能对你有所帮助。