JS的构造函数和原型对象

2019-12-30  本文已影响0人  雨中晨星

<meta charset="utf-8">

构造函数是一个特殊的函数,主要用来初始化对象,即为对象变量赋初始值,它总和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();

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

上一篇下一篇

猜你喜欢

热点阅读