JS构造函数之ES5和ES6的区别

1、js为什么要构造函数

使用构造函数构造可以复用的对象
构造函数就是你构造出来的函数,是一种特殊的方法,与普通函数有着质的区别,其作用,在创建对象的时候主要用来初始化对象,就是给对象成员赋初始值,构造函数的主要特征就是方法名、首字母大写,并且用new来使用

2、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"}

3、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生成对象,不可以直接调用构造函数成普通函数使用。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
当谈论到 JavaScript 语言时,ES5ES6 是两个常用的术语,它们分别代表着 ECMAScript 5 和 ECMAScript 6,是 JavaScript 的两个主要版本。 ES5 是 JavaScript 的第五个 ECMAScript 标准,于2009年发布。它引入了许多重要的语言特性,包括严格模式、数组的一些新方法(如 forEach、map、filter 等)、Object.defineProperty() 方法、JSON 对象、Function.prototype.bind() 方法等。 ES6(也称为 ES2015)是 JavaScript 的第六个 ECMAScript 标准,于2015年发布。它引入了许多令人兴奋的新特性和语法改进,如箭头函数、类和模块、解构赋值、默认参数值、扩展运算符、Promise、模板字符串等。 以下是 ES5ES6 之间的一些主要区别: 1. 语法:ES6 引入了更简洁和直观的语法,如箭头函数、模板字符串和解构赋值。这些语法改进使得代码更易读和编写。 2. 类和模块:ES6 引入了类和模块的概念,使得面向对象编程更加方便和易用。在 ES5 中,我们通常使用原型和构造函数来实现类的概念。 3. 扩展运算符:ES6 引入了扩展运算符(...),它可以用于数组和对象的展开操作,使得操作更加方便。 4. 箭头函数:ES6 引入了箭头函数,它提供了更简洁的函数定义方式,并且自动绑定了上下文,避免了 this 指向的困扰。 5. Promise:ES6 引入了 Promise,它是一种处理异步操作的机制,使得异步编程更加简洁和可读。 除此之外,ES6 还引入了许多其他特性,如块级作用域、默认参数值、生成器函数、模块化等,这些特性在 ES5 中是不可用的。 总的来说,ES6 对 JavaScript 语言进行了一系列的改进和扩展,使得我们能够更加方便地编写现代化的、可维护的 JavaScript 代码。然而,由于兼容性考虑,有些新特性需要通过编译或者使用转译工具才能在所有浏览器上运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值