JS中的构造函数和原型

刚入门 写出来的文章仅仅供自己阅读理解 复习记忆

因为在ES6之前JS并没有引入类的概念 所以用构造函数代表类

---

• 创建构造函数

//普通创建 构造函数 
function Father(name,sex,age){
    //属性
    this.name = name;
    this.sex = sex;
    this.age = age;
    //方法
    this.fn = function(){
        console.log('方法');
    }
}
//使用 new 操作符
/*
    在此 new 创建了一个新对象 
    并且把this指向这个对象 并且返回 this 
*/
var objone = new Father('xxx','xx','xx');

---

• 工厂模式

//工厂模式 创建构造函数

//在工厂模式中 先 new 一个对象出来 再给这个空对象添加属性和方法
//并且在函数中返回这个对象
function Father(name,sex,age){
    //使用 new 创建一个空对象
    var father = new Object();
    //添加属性
    father.name = name;
    father.sex = sex;
    father.age = age;
    //添加方法
    father.fn = function(){
        console.log('方法');
    }
    //返回这个对象
    return father;
}
//因为在工厂模式函数内部已经创建了对象并且返回了这个对象
//所以在这里只用接受这个对象 而不用在new一个对象出来
var objtwo = Father('xxx','xx','xx');

---

所有函数都有一个原形 prototype

每一个函数对象(构造函数) 都有一个prototype属性

该属性中存储的是一个原型对象 为原型对象添加的属性或者方法都可以被之后创建的任何一个实例对象所访问 可以帮助我们节省内存

但是需要注意为原型对象添加的属性或者方法有一个特点就是所有实例对象对应的属性或方法是需要完全相同的

• 添加原型方法1

//
//通过原型给当前类添加属性和方法
Father.prototype = {
    //属性
    address : '地址',
    msg : '信息',
    //方法
    play : function(){
        console.log('play');
    }
}
//而我们通过当前创建的对象即可访问构造函数的原型
//例如
console.log(objone.address);

• 添加原型方法2

Father.prototype.address = '地址';
Father.prototype.msg = '信息';
Father.prototype.play = function(){
        console.log('play');
    }