es6实例化对象

ES6类与ES5构造函数对比

最新推荐文章于 2022-12-07 12:11:04 发布

原创最新推荐文章于 2022-12-07 12:11:04 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #JavaScript #前端 #对象实例化

原创专栏收录该内容

14 篇文章

订阅专栏

本文探讨了ES6中引入的类概念与ES5中使用构造函数实现类的区别。通过具体代码示例，展示了ES6类的声明方式、私有属性的设置以及公有方法的定义。同时，比较了ES6类与ES5构造函数在原型链上的相似之处。

	es6 -> 有类的概念		es5 -> 用函数充当类.
	
	声明类:
		class Beauty {
			私有属性。constructor -> 类似于es5的构造函数,专门用来创建私有属性
			constructor(name){
				this.name = name;
			}
			公有属性
			sleep(){
				console.log(this.name);
			}
		}
		
		om.__proto__ == Beauty.prototype -> es6也是true
		typeof Beauty -> 'function'.es6的类本质上还是函数,但是就是写法不一样了.

		om -> Beauty.prototype -> Object.prototype
		Beauty.prototype.hasOwnProperty('sleep'); -> true  公有方法还是添加到了类的原型上

		var om = new Beauty('小小');