美文网首页
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原型和继承

    说到原型就不得不说构造函数,js一切皆对象,但分为普通对象和函数对象,构造函数就属于函数对象,所谓的原型和继承也是...

  • 2020-12-15

    js对象的创建和函数 创建对象 工厂模式 构造函数 原型方式+构造函数

  • 3-javascript 构造函数

    js中面向对象编程是基于构造函数(consstructor)和原型链(prototype)的。 构造函数作为对象的...

  • javascript Class

    旧js定义一种类型需要构造函数和原型对象 构造函数和原型对象是分开的 定义一种类型使用class{}包裹构造函数和...

  • js原型prototype原型链__proto__以及必会的ne

    什么是构造函数 构造函数是典型的面向对象编程语言,js的对象语言体系,是基于构造函数和原型链的构造函数是生成对象实...

  • Js创建对象的几种模式

    Js创建对象的几种模式 工厂模式 构造函数模式 原型模式 组合使用构造函数模式和原型模式 动态原型模式 稳妥构造函数模式

  • js原型和继承

    原型 一、原型的概念 执⾏构造函数代码时, js系统会给这个构造函数创建⼀个原型对象,构造函数中也包含⼀个prot...

  • 论js里 面向对象的原型

    一、原型的概念: 1、原型的概念:执行构造函数代码时,js系统会给这个构造函数创建一个原型对象,构造函数中也包含一...

  • JavaScript原型链

    原型链主要是实例对象和构造函数之间的关系,而基本上所有的js对象都有构造函数,而构造函数又是一个特殊的对象。 Ja...

  • JavaScript 面向对象入门之 原型

    原型概念 原型是什么? 原型对象是构造函数在编译阶段,由系统为我们创建出来的一个对象。 执行构造函数代码时,js系...

网友评论

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

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