面向对象-JavaScript

- 日理万妓 2022-09-11 07:29 259阅读 0赞

# 9.9面向对象 #

对象的组成：属性、方法

创建对象的方法

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);

### 优先级 ###

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

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