JavaScript的类和构造函数

JavaScript的类和构造函数

前面一篇博客,我们说到了对象,总结一下就是对象是包含属性和方法的容器。当然说到对象有个问题绕不过,那就是类,当然在es5里边并没有类的概念,但是在这里边有构造函数,可以创建类似于类的函数,说到类我们要知道,类是一种抽象的概念,类似于工厂,模板。然后对象是一具体的一个实例,当然对象可以是类的一个具体实例。接下来接单的说一下“类”和构造函数。

    // 对象是指 具体到一个实体
    // 类 是抽象的概念  模板 工厂
    
    // 类名一般要大写
    // 语法:function 类名(){
    //     类的属性和方法(构造函数)
    // }

    // 创建/定义一个 人 类
    function Person(name,sex,age,hobby){
        this.name=name;
        this.sex=sex;
        this.age=age;
        this.hobby=hobby;
    }

    // 创建一个类的实例
    var liming=new Person("李明","男",40,function(){console.log("我喜欢讲英语")});
    console.log(liming);
    var zhangsan=new Person("张三","男",35,function(){console.log("老张")});
    console.log(zhangsan);

    // var obj=new Object();

    // 通过原型在类里边添加 属性 方法
    function Students(name,age){
        this.name=name;
        this.age=age;
    }
    Students.prototype.jieshao=function(){
        console.log("我叫"+this.name);
    }

    var sanpao=new Students("三炮",20);
    console.log(sanpao);
    sanpao.jieshao();

这篇博客并没有过多的去讲解类,后面ES6中我们会详细的讲解 类 的概念,但是在这里要知道一个问题,那就是只要遇到使用 "new"这个关键字创建的实例,都是使用的构造函数。

视频讲解链接:
https://www.bilibili.com/video/BV1iv411z72w

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章