1. function Teacher(){
    2.     this.student = 500; // 原始值
    3.   this.skill = ["JS", "JQ"]; // 引用值
    4. }
    6. var teacher = new Teacher();
    8. Student.prototype = teacher;
    9. function Student(){}
    11. var student = new Student();
    13. student.student ++;
    14. student.skill.push("HTML", "CSS");

    image.png

    • 实例是修改自身的属性，并不能修改原型上的属性
    • 如果说当前的修改是原型上的引用值，并没有修改引用，所以可以修改
    1. function Parent(){
    2.     this.a = 1;
    3.   this.b = [1, 2, this.a]; // 因为this.a是原始值,相当于[1, 2, 1]
    4.   this.c = {
    5.     demo: 5
    6.   };
    7.      this.show = function(){
    8.       console.log(this.a, this.b, this.c.demo);
    9.   }
    10. }
    12. function Child(){
    13.     this.a = 2;
    14.   this.change = function(){
    15.       this.b.push(this.a);
    16.     this.a = this.b.length;
    17.     this.c.demo = this.a++; //相当于 this.c.demo = this.a; this.a = this.a + 1;  
    18.   }
    19. }
    20. Child.prototype = new Parent(); // 因为这里是new出来的实例，不会影响parent, child1 / child2 是同一引用相互影响
    21. var parent = new Parent();
    22. var child1 = new Child();
    23. var child2 = new Child();
    25. child1.a = 11;
    26. child2.a = 12;
    28. parent.show(); // 1 [1, 2, 1] 5
    29. child1.show(); // 11 [1, 2, 1] 5
    30. child2.show(); // 12 [1, 2, 1] 5
    32. child1.change(); // __proto__.b:[1,2,1, a->11]; a:4; __proto__.c.demo:4; a:5; ==> a:5, __proto__.b:[1, 2, 1, 11], __proto__.c:{demo:4}
    33. child2.change(); // __proto__.b:[1,2,1,11, a->12]; a:5; __proto__.c.demo:4; a:6; ==> a:6, __proto__.b:[1, 2, 1, 11, 12], __proto__.c:{demo:5}
    34. parent.show(); // 1 [1, 2, 1] 5
    35. child1.show(); // 5 [1, 2, 1, 11, 12] 5
    36. child2.show(); // 6 [1, 2, 1, 11, 12] 5