es6语法糖class

最新推荐文章于 2024-09-14 18:52:56 发布

笔记本写我

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量115

点赞数 1

文章标签： prototype js javascript class

本文链接：https://blog.csdn.net/ovovovovovo/article/details/115639284

版权

这篇博客探讨了ES5与ES6在定义类上的差异。在ES5中，我们使用函数来创建构造器，而在ES6中，引入了`class`关键字，使得代码更加简洁。尽管语法有所变化，但使用时二者并无本质区别。文章强调了类的不可重复定义和方法定义的简化，并指出类的方法不需要`function`关键字且之间不用逗号分隔。

摘要由CSDN通过智能技术生成

class

它在本质上是没有区别的只是代码更简洁
总体分为两个部分：

构造函数部分
原型对象部分

es5写法：

function Table（）{
	this.a = 20
}
Table.prototype.sayHello = function(){
	console.log('hello world')
}

es6改写

//class类的定义是没有括号的，也就意味着没有参数
//class Table 不等于 构造函数 Table 
class Table{
	//关键字constructor：构造器
	//constructor 替换的就是构造函数
	//class Table 里的constructor就等于Table构造函数
	constructor{
		this.a = 20
	}
	//原型方法直接以名称的形式定义在类中
	//除了constructor以外所有的单词都相当于
	//Table.prototype.单词 = function(){}
	sayhello = function(){
		console.log('hello world')
	}
}
//  在使用的时候, class 声明的类和 普通构造函数没有任何区别;
var tab = new Table()
console.log(tab)