21xrx.com
2025-04-04 04:35:33 Friday
文章检索 我的文章 写文章
掌握JavaScript ES6的常用语法
2023-06-14 22:52:30 深夜i     11     0
let和const都是用来声明变量的关键字但是它们和var不同 let和const声明的变量是具有块级作用域的另外 let声明的变量可以重新赋值 而const声明的变量则不能例如:

我学习了JavaScript ES6,感觉非常实用。下面分享几个常用的语法和例子。

1. let和const关键字

let和const都是用来声明变量的关键字。但是它们和var不同,let和const声明的变量是具有块级作用域的。另外,let声明的变量可以重新赋值,而const声明的变量则不能。例如:

//let声明变量
let a = 1;
if (true) {
 let a = 2;
 console.log(a); //输出2
}
console.log(a); //输出1
//const声明变量
const PI = 3.14;
PI = 3; //报错,因为const声明的变量不能重新赋值

2. 模板字符串

模板字符串是一种特殊的字符串,使用反引号(`)标识。它可以包含变量和表达式,而且可以换行和缩进。例如:

let name = 'Tom';
console.log(`My name is ${name}.`);
//输出:My name is Tom.

3. 箭头函数

箭头函数是一种新的函数定义方式,它可以更简洁地定义一个函数。箭头函数的this关键字指向定义它的上下文,而不是运行时的上下文。例如:

let sum = (a, b) => a + b;
console.log(sum(1, 2)); //输出3
let obj = {
 name: 'Tom',
 sayName: function() {
  setTimeout(() => {
   console.log(this.name);
  }, 1000);
 }
};
obj.sayName(); //输出Tom

关键词: let、const、模板字符串、箭头函数

  
  

评论区

    相似文章
请求出错了