面向对象-JavaScript

面向对象

对象的组成：属性、方法

创建对象的方法

1. 字面量方式创建对象

2. 实例创建对象（代码冗余）

3. 工厂模式创建对象（可以隐藏细节但结构不明确）

4. 构造函数创建对象

//创建一个构造函数
function Phone(brand, type, screen) {
    this.brand = brand;
    this.type = type;
    this.screen = screen;
    this.functions = function() {
        console.log("我能打电话");
        console.log("我能发短信");
        console.log("我能上网");
        console.log("我能导航");
    }
}
//创建一个Phone类的实例
var phone = new Phone("HuaWei", "nova5 pro", "6.4英寸");
console.log(phone.brand);
console.log(phone.type);
console.log(phone.screen);
phone.functions();

构造函数的原型属性：prototype

每个对象都有__proto__属性

prototype原型的好处是给构造函数挂载一个原型prototype，目的是为了减少某些函数去重复创建。

原型上的函数创建一次就行，以后不论创建多少对象，大家都共用。

 function Student(name){
            this.name=name;
        }

        Student.prototype.study=function(){
            console.log("学习")
            //这个方法是共享函数（所有Student的实例共享）
        }

        //构造函数名.prototype
        Student.prototype.school="蜗牛"

        var smallW = new Student("小王");
        var oldW = new Student("老王")

        oldW.study();//学习
        //实例对象.__proto__，修改school属性
        oldW.__proto__.school='家里蹲'

        console.log(smallW)
        console.log(oldW)

        //构造函数名.prototype 和 实例对象.__proto__ 是完全相等的
        console.log(oldW.__proto__ === Student.prototype);

优先级

当构造函数内部的成员与原型上的内容重名了，采取就近原则寻找。

如果构造函数内部定义了，就使用构造函数中的，如果构造函数中没有，则使用原型中的。