JavaScript ES6新特性

JavaScript ES6带来了新的语法和特性,使得代码更加的现代和可读。它包括许多重要功能,如箭头函数、模板字符串、解构赋值等等。

const 和 let

const 是 ES6 中用于声明变量的新关键字。const 比 var 强大。一旦使用,变量就不能重新分配。换句话说,它声明的是一个只读的常量。

这对于定位选择器非常有用。例如,当我们有一个触发事件的按钮时,或者当您想在JavaScript中选择HTML元素时,请使用const而不是var。

	// ES5
	var btn = document.getElementById("btn");
	
	// ES6
	const btn = document.getElementById("btn");

在上面的代码中,const不会更改,也不能重新分配。如果尝试给它一个新值,它将返回一个错误。

{
   
  let a = 0;
  a   // 0
}
a   // 报错 ReferenceError: a is not defined

let和var的区别在于 let 是在代码块内有效,var 是在全局范围内有效。

箭头函数

箭头函数使代码更可读、更结构化,并且看起来更加时髦。

function myFunc(name){
   
	console.log('Hello '+ name);
}
myFunc('World');

使用箭头函数替代上述代码

const myFunc = name => {
   
	console.log(`Hello ${
     name}`);
}
myFunc('World');

// 没有参数的写法
const myFunc =

你可能感兴趣的:(JavaScript,javascript,前端,开发语言)