js高级——传统构造函数存在的问题

//写一个构造函数 用来创建学生对象
//属性:姓名 年龄 身高 体重
//行为:学习 吃饭 看片 把妹
function Student(name){
    this.name = name;
    this.study = function(){
        console.log("好好学习 天天向上");
    }
}

//如果构造函数没有参数,那么在调用的时候小括号可以省略
    var stu = new Student("胡一天") ;
    stu.study();

    var stu1 = new Student("沈悦");
    stu1.study();

//上面两个对象的实际情况如下图:

js高级——传统构造函数存在的问题

每个学生对象的study函数都是同一句代码,那同样的代码在内存里面占两份就不合适。因为封装函数是为了复用,所以这个情况就要考虑封装函数
function studyMethod(){
    console.log("好好学习 天天向上");
}

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


js高级——传统构造函数存在的问题


//如果在构造函数内部定义函数,那么每次创建对象时都会重新创建该函数
//但是函数内部代码完全相同就造成了资源浪费
//为了解决这个问题,就要让所有的对象共用一个方法
//在构造函数外部定义好该函数,将该函数赋值给构造函数内的方法


//使用这种方式写好的方法中的this指向的是调用该方法的对象
//this 谁调用就是谁
//如果没有对象调用则默认是window调用,即this默认指向window


//使用这种方式存在的问题
//1、全局变量增多造成污染
//2、代码结构混乱,不易维护