[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/let [Back]  [Original]

let - JavaScript | MDN

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

let

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2016 ..

let .

In this article

let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];

var1, var2, , varN

. .

value1, value2, , valueN

. .

let , . var, , .

, "let" .

, let, , , . let var. , , var, , :

js
function varTest() {
  var x = 1;
  if (true) {
    var x = 2; //   !
    console.log(x); // 2
  }
  console.log(x); // 2
}

function letTest() {
  let x = 1;
  if (true) {
    let x = 2; //  
    console.log(x); // 2
  }
  console.log(x); // 1
}

let .

js
var list = document.getElementById("list");

for (let i = 1; i <= 5; i++) {
  let item = document.createElement("li");
  item.appendChild(document.createTextNode("Item " + i));

  item.onclick = function (ev) {
    console.log("Item " + i + " is clicked.");
  };
  list.appendChild(item);
}

//        'var'
//    
//  ,    
for (var i = 1; i <= 5; i++) {
  var item = document.createElement("li");
  item.appendChild(document.createTextNode("Item " + i));

  (function (i) {
    item.onclick = function (ev) {
      console.log("Item " + i + " is clicked.");
    };
  })(i);
  list.appendChild(item);
}

, () i. , let var, i i .

let, var, . :

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

"global_x" this.x, undefined this.y.

let :

js
var SomeConstructor;

{
  let privateScope = {};

  SomeConstructor = function SomeConstructor() {
    this.someProperty = "foo";
    privateScope.hiddenProperty = "bar";
  };

  SomeConstructor.prototype.showPublic = function () {
    console.log(this.someProperty); // foo
  };

  SomeConstructor.prototype.showPrivate = function () {
    console.log(privateScope.hiddenProperty); // bar
  };
}

var myInstance = new SomeConstructor();

myInstance.showPublic();
myInstance.showPrivate();

console.log(privateScope.hiddenProperty); // error

"" - , SomeConstructor privateScope.

let

SyntaxError.

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

ECMAScript 2015 , let, . , let, ReferenceError, " " . ( , var, undefined)

js
function do_something() {
  console.log(bar); // undefined
  console.log(foo); // ReferenceError: foo is not defined
  var bar = 1;
  let foo = 2;
}

switch, .

js
switch (x) {
  case 0:
    let foo;
    break;

  case 1:
    let foo; //  SyntaxError -   
    break;
}

let for

let for. var for, , var, , .

js
var i = 0;
for (let i = i; i < 10; i++) {
  console.log(i);
}

js
for (let expr1; expr2; expr3) statement;

expr2, *expr3, statement * , , let expr1. .

let vs var

let , . , , , var, , .

js
var a = 5;
var b = 10;

if (a === 5) {
  let a = 4; // The scope is inside the if-block
  var b = 1; // The scope is inside the function

  console.log(a); // 4
  console.log(b); // 1
}

console.log(a); // 5
console.log(b); // 1

let

let for, ( var).

js
for (let i = 0; i < 10; i++) {
  console.log(i); // 0, 1, 2, 3, 4 ... 9
}

console.log(i); // i is not defined

let

let

: let Gecko 44 Firefox bug 1023609.

let , , .

js
let (var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]]) block;

let . , , . , , var, let, , let, - . let . .

js
var x = 5;
var y = 0;

let (x = x+10, y = 12) {
  console.log(x+y); // 27
}

console.log(x + y); // 5

JavaScript. , let.

, let, let , .

let

: let Gecko 41 Firefox bug 1023609.

let .

let (var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]]) expression;

let , :

js
var a = 5;
let(a = 6) console.log(a); // 6
console.log(a); // 5

let :

js
let (decls) expr

*expr * .

Specification
ECMAScript 2027 LanguageSpecification
# sec-let-and-const-declarations


Web Proxy Viewer  |  New URL  |  Original Page