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)
相关推荐
顾北1223 分钟前
AI对话应用接口开发全解析:同步接口+SSE流式+智能体+前端对接
前端·人工智能
iDao技术魔方36 分钟前
深入Vue 3响应式系统:为什么嵌套对象修改后界面不更新?
javascript·vue.js·ecmascript
历程里程碑40 分钟前
普通数组-----除了自身以外数组的乘积
大数据·javascript·python·算法·elasticsearch·搜索引擎·flask
摸鱼的春哥41 分钟前
春哥的Agent通关秘籍07:5分钟实现文件归类助手【实战】
前端·javascript·后端
念念不忘 必有回响44 分钟前
viepress:vue组件展示和源码功能
前端·javascript·vue.js
Amumu121381 小时前
Vue3 Composition API(一)
开发语言·javascript·ecmascript
C澒1 小时前
多场景多角色前端架构方案:基于页面协议化与模块标准化的通用能力沉淀
前端·架构·系统架构·前端框架
崔庆才丨静觅1 小时前
稳定好用的 ADSL 拨号代理,就这家了!
前端
江湖有缘1 小时前
Docker部署music-tag-web音乐标签编辑器
前端·docker·编辑器
hzb666661 小时前
unictf2026
开发语言·javascript·安全·web安全·php