小谈js原型链和继承

function A(){
    this.mark = "A";
    this.changeMark = function(){
        this.mark += "_changed";
    }
}

A.prototype.mark2 = "A2";
A.prototype.changeMark2 = function(){
    this.mark2 += "_changed";
}

var a = new A();
var a2 = new A();


//下面则说明构造函数实例化后，分配着不同的实例对象，互不相关
console.log(a.mark);  //"A"
console.log(a2.mark); //"A"
    a.changeMark();   //使用实例对象中的方法
console.log(a.mark);  //"A_changed"
console.log(a2.mark); //"A"

//下面则说明了new操作符的一项作用，即将原型中的this指向当前对象，
//在a.changeMark2执行时，changMark2中的方法先找 this.mark2 的值，
//但是实例对象this中没有mark2值，则在原型链(后面会介绍)向上寻找，得到A原型对象中的mark2值，
//在赋值时，将修改后的值添加在了a实例中。
//总：虽然调用的是prototype方法，但是不会对prototype属性做修改，只会说是在实例中新增属性，但是在使用时，会最使用最近得到的属性（在后面原型链中可以加以理解）
console.log(a.mark2);  //"A2"
console.log(a2.mark2); //"A2"
    a.changeMark2();   //使用原型链中的方法
console.log(a.mark2);  //"A2_changed"
console.log(a2.mark2); //"A2"

通过上面我们可以了解到，当我们对A.prototype或Object.prototype添加属性或方法时，在a和a2实例中都会查看到该属性或方法，因为这两个实例都通过原型链与A和Object的原型对象相连。

function A(mark){
    this.mark = mark;
}
A.prototype.getMark = function(){
    return this.mark;
}

function B(mark){
　　this.mark = mark
}

//var temp = new A("A");
//B.prototype = temp;
//上面语句和下语句作用相同

B.prototype = new A("A"); //实例化一个A，其赋值于B.prototype
　　　　　　　　　　　　　　　 //我们知道了原型链，这样做就是将B的原型对象与A的原型对象通过原型链(__proto__)连接起来
　　　　　　　　　　　　　　　 //以实现继承


var b = new B("B");

console.log(b.mark); //B， 结果如上面原型链分析的那样，向上找到最近的属性，则为b实例中的mark："B"

var arr = new Array();
arr instanceof Array;      //true
arr.constructor === Array; //true


function TEMP(){
}
var temp = new TEMP();
temp instanceof TEMP;      //true
temp.constructor === TEMP; //true

b instaceof B //true 因为在b的原型链中可以找到B.prototype对象

b instaceof A //true 在b的原型链中也可以找到A.prototype对象

console.log(b.constructor) //function A()
//因为在b的原型链中，最近的constructor就是A.prototype中有constructor指向了构造函数A();

B.prototype.constructor = B; //将constructor指向自身的构造函数


var new_b = new B("B");
console.log(new_b.constructor) //function B()