javascript中的类(class)

ES6引入了类(class)这概念,通过class可以定义类。相比之前利用构造函数定义类,class会更为简洁,清晰,更像是一门面向对象语言。class的实现本质上还是利用构造函数和原型链。或者可以说是一种语法糖。
实现一个类

class Obj{
    constructor(name){
        this.name = name;
        this.fun = function () {
            console.log(this.name);
        }
    }
    sayName() {
        console.log(this.name);
    }
}
var obj = new Obj("js");
obj.fun();
输出:js

consturctor是一个构造方法,对实例进行初始化,this指向实例对象,
输出一下实例对象,可以看到内部结构

class Obj{
    constructor(name){
        this.name = name;
        this.fun = function () {
            console.log(this.name);
        }
    }
    sayName() {
        console.log(this.name);
    }
}
var obj = new Obj("js");
console.log(obj);
输出:
Obj {name: 'js', fun: ƒ}
fun: ƒ ()
name: "js"
[[Prototype]]: Object
constructor: class Obj
sayName: ƒ sayName()
[[Prototype]]: Object

class内部定义的方法会被放到原型上,构造方法内部的属性和方法是放到实例对象上。
类的继承
使用extends关键字实现类的继承。

class Obj{
    constructor(name){
        this.name = name;
        this.fun = function () {
            console.log(this.name);
        }
    }
    sayName() {
        console.log(this.name);
    }
}
class objSon extends Obj{
    constructor(name){
        super(name);//调用父类的构造方法,务必不要忘记
    }
}
var obj = new objSon("js");
obj.sayName();
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值