记录学习---02JavaScript高级---原型链-指向问题-实例对象和原型对象中的属性重名问题-完整的原型链-面向对象语言的特点

原型链

是一种关系,实例对象和原型对象之间的关系,关系是通过原型(proto)来联系的

this指向

构造函数中的this是实例对象
原型对象中的方法中的this也是实例对象

原型的指向

原型的指向可以改变
实例对象的原型__proto__指向的是该对象所在的构造函数的原型对象
构造函数的原型对象(prototype)指向如果改变了,实例对象的原型(proto)指向也会发生改变

原型的指向就是通过原型链来实现的


指向问题

实例对象的__proto__指向的是构造函数的prototype,构造函数的prototype的__proto__指向的是object的 prototype, object的 prototype的 __proto__指向null

function Student() {
}
Student.prototype.sz = function(){
    console.log("student");
}
var student = new Student();
console.log(student.__proto__ == Student.prototype);                        //true
console.log(student.__proto__ .__proto__ == Student.prototype.__proto__);   //true
console.log(Student.prototype.__proto__ == Object.prototype );              //true
console.log(Object.prototype.__proto__);                                    //null

实例对象和原型对象中的属性重名问题

实例对象和原型对象中都有这个属性优先选择实例对象中的属性
实例对象改变值

function Person(age){
    this.age = age;
}
Person.prototype.age = 30;
var ps = new Person(10);

一个完整的原型链

  var divObj=document.getElementById("dv");
  console.dir(divObj);

//divObj.__ proto__---->HTMLDivElement.prototype的__proto__—>HTMLElement.prototype的__proto__---->Element.prototype的__proto__---->Node.prototype的__proto__---->EventTarget.prototype的__proto__---->Object.prototype没有__proto__,所以,Object.prototype中的__proto__是null


面向对象语言的特点

面向对象的编程语言中有类(class)概念,但是js不是面向对象语言,而是基于面向对象语言,所以js没有类。但是js可以模拟面向对象的思想进行编程,js会通过构造函数来模拟类的概念

  • 封装 ----包装

  • 继承 ----类与类之间的关系,js中没有类。通过构造函数模拟类,通过原型来实现继承

  • 多态----一个对象有不同的对象,或者是同一个行为针对不同的对象,产生不同的结果,要想有多态,就要现有继承,js中可以模拟多态,但是不会使用这种方法,因为效果甚微并且占用很多的资源,所以我们也不会进行模拟

猜你喜欢

转载自blog.csdn.net/poppy995/article/details/94715424
今日推荐