21xrx.com
2024-11-08 22:25:36 Friday
登录
文章检索 我的文章 写文章
掌握JavaScript ES6的常用语法
2023-06-14 22:52:30 深夜i     --     --
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、模板字符串、箭头函数

  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
    相似文章