JS对象，原型 - GitPress.io

JS对象，原型

##面向对象是一种思维方式三大特点：继承，多态，封装几个概念: 类，对象，属性，方法，成员，类成员，实例成员，静态类，抽象类

##创建对象的几种方式：

###1，工厂模式

    function createObj (name,age) {
        var obj = {
            name: name,
            age: age,
            printName: function () {
                console.log(this.name);
            }
        }
        return obj;
    }
    var obj = createObj('zhangsan',20);
    obj.printName();
//    解决了构造过程复杂，需要了解对象细节的问题，但是构造出来的对象类型都是Object，没有识别度。

解决了构造过程复杂，需要了解对象细节的问题，但是构造出来的对象类型都是Object，没有识别度。

###2,构造函数创建实例

####关于function的一些知识：

function作为构造函数（通过new操作符调用）的时候会返回一个类型为function的name的对象
function可以接受参数，可以根据参数来创建相同类型不同值的对象

function实例作用域内有一个constructor属性，这个属性就可以指示其构造器

//      构造函数创建实例
  function People (name,age) {
      this.name = name;
      this.age = age;
      this.sayName = function () {
          console.log(this.name);
      }
  }
  var p1 = new People('deejay',21); // new People表示将People函数作为构造函数来创建对象
  p1.sayName();
//构造函数在解决了上面的问题，同时为实例带来了类型，但可以注意到每个实例sayName方法实际上作用一样，但是每个实例要重复一遍，大量对象存在的时候是浪费内存

####关于new操作符： new运算符接受一个函数F及其参数： new F(arguments)，这一过程分为3步：

1.创建类的实例。这步是把一个空的对象的proto属性设为F.prototype p1 = {};
2.初始化实例。函数F被传入参数并调用，关键字this被设定为该实例 p1.name = 'deejay' p1.sayName=... 此时的this为这个p1实例
1. 返回实例 return p1 构造函数内部一般不写return，默认return这个实例，但是如果写了return并且return的不是简单类型的话，就会真的return这个复杂类型 ####关于instanceof 操作符 instanceof 是一个操作符，可以判断对象是否为某个类型的实例 p1 instanceof People; // true p1 instanceof Object; // true instanceof判断的是对象 1 instanceof Number; // false

构造函数在解决了上面的问题，同时为实例带来了类型，但可以注意到每个实例sayName方法实际上作用一样，但是每个实例要重复一遍，大量对象存在的时候是浪费内存。

###构造函数

任何函数使用new表达式就是构造函数
每个函数都自动添加一个名称为prototype属性，这是一个对象
每个对象都有一个内部属性proto(规范中没有指定这个名称，但是浏览器都是这么实现的)指向其类型的prototype属性，类的实例也是对象，其_proto_属性指向类的prototype
prototype图解：

对于实例中的属性，如果存在则输出，不存在就会向构造函数的prototype中寻找。所以对于刚才的问题，可以这样解决：

所有实例都会通过原型链引用到类型的prototype
prototype相当于特定类型所有实例都可以访问到的一个公共容器
重复的东西移动到公共容器里放一份就好了

所以对于刚才的构造函数，可以这么写：

    function People (name,age) {
        this.name = name;
        this.age = age;
        People.prototype.sayName = function () {
            console.log(this.name);
        }
    }
    var p1 = new People('deejay',21);
    p1.sayName();

这个时候的对应关系是这样的：

null