区别:1、es6构造函数中类的变量不会被提升,也就是对象只能在类的定义之后才能创建,而es5中声明构造函数会变量提升;2、es6不可以直接调用构造函数,es5中可以直接调用构造函数,将构造函数当成普通函数使用。
本教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。
es6与es5的构造函数有什么区别
使用构造函数构造可以复用的对象
构造函数就是你构造出来的函数,是一种特殊的方法,与普通函数有着质的区别,其作用,在创建对象的时候主要用来初始化对象,就是给对象成员赋初始值,构造函数的主要特征就是方法名、首字母大写,并且用new来使用
ES5
function foo(){ this.name = 'Katherine'; this.age = '26'; } var f = new foo(); console.log(f) //Object console.log(f.name) //Katherine console.log(f.age) //26 function 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"}
ES6
class 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的构造函数有什么区别的详细内容。更多信息请关注PHP中文网其他相关文章!

在es6中,可以利用“Array.isArray()”方法判断对象是否为数组,若判断的对象是数组,返回的结果是true,若判断对象不是数组,返回的结果是false,语法为“Array.isArray(需要检测的js对象)”。

es6中遍历跟迭代的区别是:遍历强调的是要把整个数据依次全部取出来,是访问数据结构的所有元素;而迭代虽然也是依次取出数据,但是并不保证取多少,也不保证把所有的数据取完,是遍历的一种形式。

在es6中,可用Object对象的is()方法来判断两个对象是否相等,该方法检测两个变量的值是否为同一个值,判断两个对象的引用地址是否一致,语法“Object.is(对象1,对象2)”;该方法会返回布尔值,若返回true则表示两个对象相等。

转换方法:1、利用“+”给数字拼接一个空字符,语法“数字+""”;2、使用String(),可把对象的值转换为字符串,语法“String(数字对象)”;3、用toString(),可返回数字的字符串表示,语法“数字.toString()”。

sort排序是es6中的;sort排序是es6中用于对数组的元素进行排序的方法,该方法默认不传参,按照字符编码顺序进行排序,排序顺序可以是字母或数字,并按升序或降序,语法为“array.sort(callback(a,b))”。

在es6中,assign用于对象的合并,可以将源对象的所有可枚举属性复制到目标对象;若目标对象与源对象有同名属性,或多个源对象有同名属性,则后面的属性会覆盖前面的属性,语法为“Object.assign(...)”

改变方法:1、利用splice()方法修改,该方法可以直接修改原数组的内容,语法为“数组.splice(开始位置,修改个数,修改后的值)”;2、利用下标访问数组元素,并重新赋值来修改数组数据,语法为“数组[下标值]=修改后的值;”。

在es6中,import as用于将若干export导出的内容组合成一个对象返回;ES6的模块化分为导出与导入两个模块,该方法能够将所有的导出内容包裹到指定对象中,语法为“import * as 对象 from ...”。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 英文版
推荐:为Win版本,支持代码提示!

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

记事本++7.3.1
好用且免费的代码编辑器

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

ZendStudio 13.5.1 Mac
功能强大的PHP集成开发环境