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

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值