美文网首页
JS的构造函数和原型对象

JS的构造函数和原型对象

作者: 雨中晨星 | 来源:发表于2019-12-30 16:27 被阅读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();
    

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

    相关文章

      网友评论

          本文标题:JS的构造函数和原型对象

          本文链接:https://www.haomeiwen.com/subject/qeymoctx.html