JavaScript深入之创建对象的多种方式以及优缺点

Object对象

说这个对象之前，如果您对编程语言开发稍微有点了解的话，应该知道面向对象是什么意思，而js也有面向对象一说，就因为如此，js才会这么强大。

什么是面向对象

其实所有支持面向对象的编程语言，对于这个面向对象的概念都一样的，所以你学会了此概念，理解其他任何语言的面向对象都很简单，所以我这里也不再废话了，可以看我之前的Python部分关于面向对象的讲解：传送门

创建对象的几种方法：

使用Object或对象字面量创建对象
工厂模式创建对象
构造函数模式创建对象
原型模式创建对象

最常用的使用oject创建对象方法：

var student = new Object();
student.name = "easy";
student.age = "20";

或者另一种：

var sutdent = {
  name : "easy",
  age : 20
};

但是当我们要创建多个对象的话，是不是每次都要重新写一遍，这样肯定不行的

使用工厂模式创建：

function createStudent(name, age) {
  var obj = new Object();
  obj.name = name;
  obj.age = age;
  return obj;
}

var student1 = createStudent("student1", 20);
var student2 = createStudent("student2", 20); 
... 
var studentn = createStudent("studentn", 20);

但是假如我在创建对象之后，还想知道此对象是什么类型呢？

例：

function createFruit(name, color) {
  var obj = new Object();
  obj.name = name;
  obj.color = color;
  return obj;
}

var v1 = createStudent("easy1", 20);
var v2 = createFruit("apple", "green");

使用typeof查看：

使用构造函数创建：

function Student(name, age) {
  this.name = name;
  this.age = age;
  this.alertName = function(){
    alert(this.name)
  };
}

function Fruit(name, color) {
  this.name = name;
  this.color = color;
  this.alertName = function(){
    alert(this.name)
  };
}

前面我们学过可以用typeof查看对象，这里再介绍一个函数instanceof查看

这样的话，我们就可以判断出创建的对象是什么类型的了

细心的朋友发现，其实就是因为有this.alertName方法在起作用，在调用stu1.alertName()时，this对象才被绑定到stu1上。

通过将alertName()函数定义为全局函数，这样对象中的alertName属性则被设置为指向该全局函数的指针，由此stu1和stu2共享了该全局函数，解决了内存浪费的问题。

但是，通过全局函数的方式解决对象内部共享的问题，终究不像一个好的解决方法。如果这样定义的全局函数多了，我们想要将自定义对象封装的初衷便几乎无法实现了。更好的方案是通过原型对象模式来解决。

构造函数和普同函数区别：

实际上并不存在创建构造函数的特殊语法，其与普通函数唯一的区别在于调用方法。对于任意函数，使用new操作符调用，那么它就是构造函数；不使用new操作符调用，那么它就是普通函数。
按照惯例，我们约定构造函数名以大写字母开头，普通函数以小写字母开头，这样有利于显性区分二者。例如上面的new Array()，new Object()。
使用new操作符调用构造函数时，会经历4个阶段：

　　创建一个新对象；
　　将构造函数作用域赋给新对象（使this指向该新对象）；
　　执行构造函数代码；
　　返回新对象；

原型模式创建对象

原型链甚至原型继承，是整个JS中最难的一部分也是最不好理解的一部分

function Student() {
    this.name = 'easy';
    this.age = 20;
}


Student.prototype.alertName = function(){
    alert(this.name);
};

var stu1 = new Student();
var stu2 = new Student();

stu1.alertName();  //easy
stu2.alertName();  //easy

alert(stu1.alertName == stu2.alertName);  //true 二者共享同一函数

以上的面向对象问题，如果您是前端开发者，那么你可能必须得学会了，如果您是后端开发者，做个了解，知道以上的方法创建对象就行