ES6之浅尝辄止1:class的用法

class是es6新增的一种语法糖,用于简化js中构造类的过程

1.es5中如何构造类?

javascript 复制代码
function Person(name,age){
	this.name = name;
	this.age = age;
}
Person.prototype.sayName = function(){
	return 	this.name;
}
let p1 = new Person('小明',22);

2.es6中的class方式

javascript 复制代码
class Person2{
	constructor(name,age){
	//实例化时会被立即调用
		this.name = name;
		this.age = age;
	}
	sayName(){
		return this.name;
	}
	sayAge(){
		return this.age;
	}
}
let p2 = new Person2('小乔',27)
相关推荐
mCell33 分钟前
前端路由详解:Hash vs History
前端·javascript·vue-router
海上彼尚33 分钟前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
1024肥宅1 小时前
手写 call、apply、bind 的实现
前端·javascript·ecmascript 6
科杰智能制造2 小时前
纯前端html、js实现人脸检测和表情检测,可直接在浏览器使用
前端·javascript·html
每天吃饭的羊2 小时前
组件库的有些点击事件是name-click这是如何分装de
前端·javascript·vue.js
x***01062 小时前
SpringSecurity+jwt实现权限认证功能
android·前端·后端
1024肥宅2 小时前
防抖(Debounce)
前端·javascript·ecmascript 6
1024肥宅2 小时前
节流(Throttle)
前端·javascript·ecmascript 6
大怪v2 小时前
【Virtual World 02】两点一线!!!
javascript·css·html
by__csdn2 小时前
Vue2纯前端图形验证码实现详解+源码
前端·javascript·typescript·vue·状态模式·css3·canva可画