ES6中的class与继承

本文探讨了JavaScript从ES5到ES6在类的概念上的变化。在ES5中,通过构造函数和原型链实现面向对象,而在ES6中,引入了`class`关键字,使代码更加清晰,更符合面向对象编程的习惯。文章通过实例展示了两种方式创建对象和方法的差异,并强调了ES6中定义类方法时应注意的细节。
摘要由CSDN通过智能技术生成

前言:
传统的javascript中只有对象,没有类的概念。它是基于原型的面向对象语言。原型对象特点就是将自身的属性共享给新对象。这样的写法相对于其它传统面向对象语言来讲,独树一帜也可以说难以接受!
ES5中的类
ES5中如果要生成一个对象实例,需要先定义一个构造函数,然后通过new操作符完成。
示例:

//构造函数名大写(非强制,但这么写有助于区分构造函数和普通函数)
function Person(name,age) {
    this.name = name;
    this.age=age;
}
Person.prototype.say = function(){
    return "我的名字叫" + this.name+"今年"+this.age+"岁了";
}
var obj=new Person("tom",88);//通过构造函数创建对象,必须使用new 运算符
console.log(obj.say());//我的名字叫tom今年88岁了

构造函数生成实例的执行过程:

1.当使用了构造函数,并且new 构造函数(),后台会隐式执行new Object()创建对象;
2.将构造函数的作用域给新对象,(即new Object()创建出的对象),而函数体内的this就代表new Object()出来的对象。
3.执行构造函数的代码。
4.返回新对象(后台直接返回);

ES6中的类

ES6引入了clss(类)这个概念,通过class关键字可以定义类,该关键字的出现使得jsvascript在对象写法上更加清晰,更像是一种面向对象的语言。

将之前的代码改为ES6的写法:

class Person{//定义了一个名字为Person的类
    constructor(name,age){//constructor是一个构造方法,用来接收参数
        this.name = name;//this代表的是实例对象
        this.age=age;
    }
    say(){//这是一个类的方法,注意千万不要加上function
        return "我的名字叫" + this.name+"今年"+this.age+"岁了";
    }
}
var obj=new Person("laotie",88);
console.log(obj.say());//我的名字叫laotie今年88岁了

注意项:

1.在类中声明方法的时候,千万不要给该方法上加上function关键字
2.方法之间不要用逗号分隔,否则会报错
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值