ES5与ES6的一些语法比较

2021/8/11 6:07:29

本文主要是介绍ES5与ES6的一些语法比较,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

目录
  • ES5中的闭包
  • ES6中的写法
  • 对象增强写法

ES5中的闭包

<script>
	var btns = document.getElementsByTagName("button");
	for (var i = 0; i < btns.length; i++) {
		(function (i) {
			btns[i].addEventListener('click', function () {
				console.log('第' + i + '个按钮被点击');
			})
		})(i)
	}
</script>

ES6中的写法

<script>
	const btns = document.getElementsByTagName("button");
	for (let i = 0; i < btns.length; i++) {
		btns[i].addEventListener('click', function (){
			console.log('第' + i + '个按钮被点击');
		})
	}
</script>

对象增强写法

ES5:

<script>
	let name = 'tolerate';
	let age = 25;
	let height = 1.78;

	const person = {
		name : name,
		age : age,
		height : height,
		run : function() {
			console.log('在跑');
		}
	}

	console.log(person);
	person.run();
</script>

ES6:

<script>
	let lname = 'tolerate';
	let lage = 25;
	let lheight = 1.78
	const lperson = {
		lname,
		lage,
		lheight,
		eat() {
			console.log('在吃');
		}
	}

	console.log(lperson);
	lperson.eat();
</script>


这篇关于ES5与ES6的一些语法比较的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程