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)
相关推荐
m0_528723816 分钟前
常用的HTML meta标签有哪些
前端·html
避坑记录14 分钟前
Cesium@1.126.0,创建3D瓦片,修改样式
前端·javascript·3d
思茂信息14 分钟前
CST直角反射器 --- A求解器, 远场源, 距离像, 逆ChirpZ变换(ICZT)
开发语言·javascript·人工智能·算法·ai·软件工程·软件构建
二川bro19 分钟前
面试题——简述Vue 3的服务器端渲染(SSR)是如何工作的?
前端·面试
zhangxingchao1 小时前
关于Android 构建流程解析的一些问题
前端
zheshiyangyang1 小时前
Vue+ElementPlus的一些问题修复汇总
前端·javascript·vue.js
怣疯knight1 小时前
CryptoJS库中WordArray对象支持哪些输出格式?除了toString() 方法还有什么方法可以输出吗?WordArray对象的作用是什么?
前端·javascript
患得患失9492 小时前
【前端】【面试】【树】JavaScript 树形结构与列表结构的灵活转换:`listToTree` 与 `treeToList` 函数详解
开发语言·前端·javascript·tree·listtotree·treetolist
i建模2 小时前
Windows前端开发IDE选型全攻略
前端·ide·windows·node.js·编辑器·visual studio code
hamburgerDaddy12 小时前
从零开始用react + tailwindcs + express + mongodb实现一个聊天程序(三) 实现注册 登录接口
前端·javascript·mongodb·react.js·前端框架·express