构造函数和原型

  1. 在典型的OOP的语言中(如Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在ES6之前,JS中并没用引入类的概念。
  2. ES6,全称ECMA Script 6.0 , 2015.06发布。但是目前浏览器的JavaScript是ED5版本,大多数高版本浏览器也支持ES6,不过只实现了ES6的部分特性和功能。
  3. 在ES6之前,对象不是基于类创建的,而是用一种称为构造函数的特殊函数来定义对象和它们的特征。
  4. 构造函数和原型_第1张图片
  5. 构造函数和原型_第2张图片
  6. 构造函数和原型_第3张图片
  7. 实例成员就是构造函数内部通过this添加的成员,实例成员只能通过实例化的对象来访问,不可以通过构造函数来访问实例成员。
  8. 静态成员:在构造函数本身上添加的成员,静态只能通过构造函数访问。
  9. 构造函数方法好用,但存在浪费内存的问题
  10. 构造函数原型:prototype
    构造函数通过原型分配的函数是所有对象所共享的。
    JavaScript规定,每一个构造函数都有一个prototype属性,指向另一个对象。注意这个prototype就是一个对象,这个对象的所有属性和方法,都会被构造函数所拥有。
  11. 原型是什么?
    一个对象,我们也称为prototype为原型对象。
    原型的作用是什么?
    共享方法。
  12. 一般情况下,我们的公共属性定义到构造函数里面,公共的方法我们放到原型对象身上。
    构造函数和原型_第4张图片
  13. 对象身上系统自己添加一个__proto__指向我们构造函数的原型对象 prototype
    构造函数和原型_第5张图片
  14. 方法的查找规则:首先先看 对象身上是否有 sing 方法,如果有就执行这个对象的sing。如果没有sing 这个方法,因为有__proto__的存在,就去构造函数原型对象prototype身上去查找sing这个方法。
    构造函数和原型_第6张图片
  15. 如果我们修改了原来的原型对象,给原型对象赋值的是一个对象,这个新对象会覆盖就对象里的constructor,这是必须手动的利用constructor指回原来的构造函数。
    构造函数和原型_第7张图片
  16. 构造函数和原型_第8张图片
  17. JavaScript成员查找机制
    按照原型链查找
    构造函数和原型_第9张图片
  18. 原型对象this指向
    在构造函数中,里面的this指向的是对象实例
    原型对象函数(prototype)里面的this指向的是 实例对象
    只有调用函数的时候才能确定this是谁,一般this指向的是函数的调用者
  19. 原型对象的经典用处
    可以通过原型对象,对原来的内置对象进行扩展自定义的方法。比如给数组增加自定义求偶数和的功能。
    在这里插入图片描述
 Array.prototype.sum = function() {
            var sum = 0;
            for (var i = 0; i < this.length; i++) {
                sum += this[i];
            }
            return sum;
        }
        var arr = [1, 2, 3];

你可能感兴趣的:(JavaScript,ES5)