美文网首页
Javascript基础进阶(十)构造函数模式

Javascript基础进阶(十)构造函数模式

作者: js_冠荣 | 来源:发表于2018-08-06 18:38 被阅读0次

构造函数模式

构造函数模式?

function Student(name,age,classa){
    this.name = name;
    this.age = age;
    this.classa = classa;
    this.sayHello = function(){
        console.log(this.name,this.age,this.classa);
    }
}
var me = new Student("xiaoai", 22, "大三");
var you = new Student("hong", 18, "大一");

由代码可以看出,于工厂模式除了函数名不同以外,还要注意:构造函数名的首字母大写(不过好像没有严格规定)。构造函数也没有显示创建的对象,使用了this,直接把属性和方法赋值给了this对象。没有return语句,实例化的时候要使用new,而且它能够识别对象(这正是构造函数模式胜于工厂模式的地方)。

需要注意现在this指向当前实例me或者you。

相关文章

  • Javascript基础进阶(十)构造函数模式

    构造函数模式 构造函数模式? 由代码可以看出,于工厂模式除了函数名不同以外,还要注意:构造函数名的首字母大写(不过...

  • JavaScript创建对象之原型模式

    一、原型基础 在之前的文章:《JavaScript创建对象之单例、工厂、构造函数模式》中详细介绍了构造函数模式创建...

  • js进阶(二)

    第十二天 04-基础进阶-第02天{对象进阶、内置对象} 第十二天对象工厂模式创建对象构造函数模式创建对象原型模式...

  • 关于JavaScript创建对象的多种方式

    JavaScript创建对象的方法 工厂模式 构造函数模式 原型模式 组合使用构造函数模式和原型模式 动态原型模式...

  • 关于构造函数Array属性和方法总结

    @(JavaScript基础) 关于构造函数Array属性和方法总结 构造函数Array属性: Array.len...

  • JavaScript创建对象(三)——原型模式

    在《JavaScript创建对象(二)——构造函数模式》中提到,构造函数模式存在相同功能的函数定义多次的问题。本篇...

  • JavaScript

    JavaScript高级函数 惰性函数 函数柯里化 级联函数(链式函数) 设计模式 单例模式 构造函数模式 工厂模...

  • JS面向对象

    2019-04-25 构造函数 Javascript提供了构造函数(Constructor)模式实现类的设计与封装...

  • JavaScript创建对象

    JavaScript中创建对象有以下七种方式: 工厂模式构造函数模式原型模式构造函数和原型组合模式动态原型模式寄生...

  • JavaScript创建对象的高级方法

    创建对象的方法 读《JavaScript高级程序设计》所得。 工厂模式——》构造函数模式——》原型模式——》构造函...

网友评论

      本文标题:Javascript基础进阶(十)构造函数模式

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