美文网首页
JavaScript原型,构造函数

JavaScript原型,构造函数

作者: 清水河畔下雨 | 来源:发表于2019-07-20 20:51 被阅读0次

构造函数(可以用来创建大量相同属性和方法的对象,和类相似):

    function Person(name,age,sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
        console.log(this.name,this.age,this.sex)
    }
    var per1 = new Person('清水',18,'男');
    var per2 = new Person('寒沙',19,'女');
    // 如果往构造函数里面添加值,他的结果是undefined
    Person.s = 1;
    console.log(per1.s); // undefined

原型:

每一个构造函数都有prototype(原型)属性,这个属性是一个指针,指向一个对象,这个对象包含特定类型的所有实例共享的属性和方法.

    function Person(name,age,sex) {
        this.name = name;
        this.age = age;
        this.sex = sex;
        console.log(this.name,this.age,this.sex)
    }
    var per1 = new Person('清水',18,'男');
    var per2 = new Person('寒沙',19,'女');
    Person.s = 1;
    console.log(per1.s); // undefind
    // 如果使用perototype方法就可以为person
    Person.prototype.s1 = 2;
    console.log(per1.s1) // 2

相关文章

  • 原型与原型链

    构造函数与原型 JavaScript 语言使用构造函数(constructor)作为对象的模板。所谓”构造函数”,...

  • 构造函数和原型对象

    javascript使用构造函数和原型对象来进行面向对象编程 构造函数 在 JavaScript 中,构造器其实就...

  • JavaScript的六种继承方式

    JavaScript的几种继承方式 原型链继承 借助构造函数继承(经典继承) 组合继承:原型链 + 借用构造函数(...

  • JavaScript高级程序设计学习笔记之继承模式

    原型链 JavaScript的继承主要依靠原型链来实现的。我们知道,构造函数,原型,和实例之间的关系:每个构造函数...

  • JavaScript 常用继承方式

    JavaScript 常用继承方式 原型链继承构造函数,原型,实例之间的关系:每个构造函数之间都有一个原型对象,原...

  • 2018-11-22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 22

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 面向对象2

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • OOP-2

    JavaScript的面向对象是基于constructor(构造函数)与prototype(原型链)的。 构造函数...

  • 学习JavaScript的原型笔记

    JavaScript的原型(prototype、proto、constructor) 构造函数:function ...

网友评论

      本文标题:JavaScript原型,构造函数

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