Js面向对象的个人理解

JS对象理解

1、 js对象就是键值对的集合

2、 js里函数就是对象

3、 普通函数function(对象)

 function function_name(argument) {
    // body...
}

4. 构造函数就是普通函数多了this(构造函数生成的对象)

function function_name(argument) {
    this.name=argument
    this.getName=function(){
        return this.name
    }
}

5、js里每一个构造函数（对象或普通函数）都有一个原型（prototype）属性其是一个对象

6、原型链：因为原型也是对象所以也有其原型这就组成了一条链，js中访问属性时在对象本身先查找->原型链中查找->未找到则为undefined

7、通过prototype设置对象（与构造函数相比占用内存小）

function function_name(argument) {
    // body...
}
function_name.prototype.name='这是对象名称'；
function_name.prototype.getName=function(){
    return this.name;
}

8、继承有构造函数绑定

* 使用call或apply方法，将父对象的构造函数绑定在子对象上，即在子对象构造函数中加一行：

function Children(name,color){
        Parent.apply(this, arguments);
　　　　this.name = name;
　　　　this.color = color;
　　}

* 使用prototype原型属性

Children.prototype = new Parent();
Children.prototype.constructor = Children;

prototype对象都有一个constructor属性，指向它的构造函数,没有第二行则Children对象的原型的constructor属性指向的构造函数为Parent当实例化一个children时实例化的对象的构造函数也为Parent这就造成了紊乱，所以需要让其指回原来的构造函数

* 直接继承Parent的prototype

function Parent(){ }
    Parent.prototype.name = "这是父对象名称";
    Children.prototype=Parent.prototype；
    Children.prototype.constructor=Children;

优点（省内存）缺点（Parent.prototype.constructor也指向Children了）

利用中间对象（一个空对象）

var F = function(){};
    Parent.prototype.name = "这是父对象名称";
    F.prototype=Parent.prototype；
    Children.prototype=F.prototype；
    Children.prototype.constructor=Children;

上面的代码同样会使parent.prototype.construct指向children
因为js有值传递（变量）和引用传递（指针)
Js对象 共享对象传递意思就是对象本身属于值传递，属性、方法属于引用传递

var obj={x:1}
function foo(o) {
    o.x = 3;
    console.log(obj.x); // 3, 被修改了!
    o=true;
}
foo(obj);
console.log(obj.x);//3,obj未被修改为true

所以应该为

var F = function(){};
    Parent.prototype.name = "这是父对象名称";
    F.prototype=Parent.prototype；
    Children.prototype=new F()；
    Children.prototype.constructor=Children;//这里只是改变新new的F()实例的constructor而原型的constructor不变即new的实例.constructor==Children为真