您好,欢迎访问一九零五行业门户网

es6与es5的构造函数有什么区别

区别:1、es6构造函数中类的变量不会被提升,也就是对象只能在类的定义之后才能创建,而es5中声明构造函数会变量提升;2、es6不可以直接调用构造函数,es5中可以直接调用构造函数,将构造函数当成普通函数使用。
本教程操作环境:windows10系统、ecmascript 6.0版、dell g3电脑。
es6与es5的构造函数有什么区别使用构造函数构造可以复用的对象
构造函数就是你构造出来的函数,是一种特殊的方法,与普通函数有着质的区别,其作用,在创建对象的时候主要用来初始化对象,就是给对象成员赋初始值,构造函数的主要特征就是方法名、首字母大写,并且用new来使用
es5function foo(){ this.name = 'katherine'; this.age  = '26';}var f = new foo();console.log(f) //objectconsole.log(f.name) //katherineconsole.log(f.age)  //26function foos(name,age,sex){ this.name = name; this.age  = age; this.sex  = sex;}var f1 = new foos('kathrine', '26', 'female');var f2 = new foos('stefan', '27', 'male');var f3 = new foos('damon', '29', 'male');console.log(f1) //foos {name: kathrine, age: 26, sex: female}console.log(f2) //foos {name: stefan, age: 27, sex: male}console.log(f3) //foos {name: damon, age: 29, sex: male}
es6class foo{ constructor(){ this.name = 'karherine'; this.age  = '26'; } vampire(va){ console.log('her name is '+this.name+' and she was '+this.age+' years old') }}let f = new foo() f.vampire();  //her name is karherine and she was 26 years old//继承原型 class foos extends foo{ constructor(){ super(); this.name = 'stefan'; this.age  = '27'; }} let f1 = new foos(); f1.vampire();  //his name is stefan and he was 27 years old
1、es5可以用new生成对象,也可以直接调用构造函数,直接调用当成普通函数使用。比如函数foo();
2、es6必须用new生成对象,不可以直接调用构造函数成普通函数使用。
与es5不同,类的变量不会被提升,也就是说对象只能在类的定义之后才能创建。
类的调用必须要使用new,而普通的构造函数可以当作普通函数来使用。
【相关推荐:javascript视频教程、web前端】
以上就是es6与es5的构造函数有什么区别的详细内容。
其它类似信息

推荐信息