JS的构造函数和原型对象

构造函数是一个特殊的函数，主要用来初始化对象，即为对象变量赋初始值，它总和new一起使用。我们把对象中的一些公共属性和方法抽取出来，然后封装到这个函数里。

使用构造函数，注意两点：

1，构造函数用于创建某一类对象，首字母大写；

2，构造函数要和new一起使用才有意义

创建对象的三种方法：

//1，利用new Object() 创建对象
    var obj1 = new Object();

    //2，利用对象字面量创建对象
    var obj2 = {};

    //3，利用构造函数创建对象
    function Star(uname, age){
        this.uname = uname;
        this.age = age;
        this.sing = function(){
            console.log('我会唱歌');
        }
    }
    var ldh = new Star('刘德华', 18);
    var zxy = new Star('张学友', 20);
    console.log(ldh);
    ldh.sing();
    console.log(zxy);
    zxy.sing();

new在构造函数中做了4件事：

1，在内存中创建了一个新的空对象，

2，让this指向这个新对象，

3，执行构造函数里面的代码，给这个新对象添加属性和方法，

4，返回这个新对象(所以构造函数不需要return)。

实例成员和静态成员：

    //构造函数中的属性和方法我们称为成员，成员可以添加
    function Star(uname, age){
        this.uname = uname;
        this.age = age;
        this.sing = function(){
            console.log('我会唱歌');
        }
    }
    var ldh = new Star('刘德华', 18);
    //实例成员就是构造函数内部通过this添加的成员，uname age sing就是实例成员
    //实例成员只能通过实例化的对象来访问
    console.log(ldh.uname);
    ldh.sing();
    //静态成员 在构造函数本身添加的成员
    Star.sex = '男';
    //静态成员只能通过构造函数来访问，不能通过对象来访问
    console.log(Star.sex);

js中每个构造函数都有一个prototype属性，指向另一个对象，这就是原型对象，我们把不变的方法直接定义在prototype对象上，这样所有的对象实例就可以共享这些方法。

function Star(uname, age){
        this.uname = uname;
        this.age = age;
    }
    //原型对象
    Star.prototype.sing = function(){
        console.log('我是歌手');
    }
    var ldh = new Star('刘德华', 18);
    var zxy = new Star('张学友', 20);
    ldh.sing();
    zxy.sing();

原型对象最大的优点就是共享方法，不需要再开辟新的内存空间。

最后编辑于：2019.12.30 16:29:26