es6與es5的構造函數有哪些區別

這篇文章主要介紹“es6與es5的構造函數有哪些區別”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“es6與es5的構造函數有哪些區別”文章能幫助大家解決問題。

區別：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,而普通的構造函數可以當作普通函數來使用。

關于“es6與es5的構造函數有哪些區別”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。