站长资讯网
最全最丰富的资讯网站

jquery中关键字let的含义是什么

在jquery中,let是一个声明变量的关键字,let关键字允许声明一个作用域被限制在块作用域中的变量、语句或者表达式。let声明的变量不会在作用域中被提升,它是在编译时才初始化;let不会在全局声明时(在最顶层的作用域)创建window对象的属性。

jquery中关键字let的含义是什么

本教程操作环境:windows7系统、jquery3.6.0版本、Dell G3电脑。

在jquery中,let是一个声明变量的关键字。

let关键字声明一个块级作用域的局部变量,并可以初始化为一个值(可选)。语法:

let name1 [= value1] [, name2 [= value2]] [, ..., nameN [= valueN];

参数

  • nameN:要声明的一个或多个变量的名称,必须是合法的标识符。

  • valueN:可选,规定变量的初始值,可以是任意合法的表达式。

示例:

let x = 1;  if (x === 1) {   let x = 2;    console.log(x);   // expected output: 2 }  console.log(x); // expected output: 1

jquery中关键字let的含义是什么

说明:

let 允许你声明一个作用域被限制在块作用域中的变量、语句或者表达式。与 var 关键字不同的是,var 声明的变量作用域是全局或者整个函数块的。 var 和 let 的另一个重要区别,let 声明的变量不会在作用域中被提升,它是在编译时才初始化(参考下面的暂时性死区)。

就像 const 一样,let 不会在全局声明时(在最顶层的作用域)创建 window 对象的属性。

可以从这里了解我们为什么使用 let。

通过在使用 let 变量的作用域顶部声明它们,可以避免很多问题,但这样做可能会影响可读性。

与 var 不同的是,let 只是开始声明,而非一个完整的表达式。这意味着你不能将单独的 let 声明作为一个代码块的主体(这是有道理的,因为声明的变量无法被访问)。

if (true) let a = 1; // SyntaxError: Lexical declaration cannot appear in a single-statement context

作用域规则

let 声明的变量作用域只在其声明的块或子块内部,这一点,与 var 相似。二者之间最主要的区别在于 var 声明的变量的作用域是整个封闭函数。

function varTest() {   var x = 1;   {     var x = 2; // same variable!     console.log(x); // 2   }   console.log(x); // 2}function letTest() {   let x = 1;   {     let x = 2; // different variable     console.log(x); // 2   }   console.log(x); // 1}       letTest(); varTest();

jquery中关键字let的含义是什么

在全局作用域中,let 和 var 不一样,它不会在全局对象上创建属性。例如:

var x = 'global'; let y = 'global'; console.log(this.x); // "global" console.log(this.y); // undefined

jquery中关键字let的含义是什么

重复声明

在同一个函数或块作用域中重复声明同一个变量会抛出 SyntaxError。

if (x) {   let foo;   let foo; // SyntaxError thrown. }

在 switch 语句中也会触发这个错误,因为它是同一个块作用域。

let x = 1;  switch(x) {   case 0:     let foo;     break;   case 1:     let foo; // SyntaxError for redeclaration.     break; }

jquery中关键字let的含义是什么

然而,需要特别指出的是,一个嵌套在 case 子句中的块会创建一个新的块作用域的词法环境,就不会产生上诉重复声明的错误。

let x = 1;  switch(x) {   case 0: {     let foo;     break;   }   case 1: {     let foo;     break;   } }

【推荐学习:jQuery视频教程、web前端视频】

赞(0)
分享到: 更多 (0)
网站地图   沪ICP备18035694号-2    沪公网安备31011702889846号