| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/let | [Back] [Original] |
Get to know MDN better
This page was translated from English by the community. Learn more and join the MDN Web Docs community.
This feature is well established and works across many devices and browser versions. Its been available across browsers since 2016 ..
let .
let var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]];
let , . var, , .
, let, , , . let var. , , var, , :
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 .
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, . :
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.
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.
letif (x) {
let foo;
let foo; // SyntaxError thrown.
}
ECMAScript 2015 , let, . , let, ReferenceError, " " . ( , var, undefined)
function do_something() {
console.log(bar); // undefined
console.log(foo); // ReferenceError: foo is not defined
var bar = 1;
let foo = 2;
}
switch, .
switch (x) {
case 0:
let foo;
break;
case 1:
let foo; // SyntaxError -
break;
}
let for let for. var for, , var, , .
var i = 0;
for (let i = i; i < 10; i++) {
console.log(i);
}
for (let expr1; expr2; expr3) statement;
expr2, *expr3, statement * , , let expr1. .
let vs varlet , . , , , var, , .
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).
for (let i = 0; i < 10; i++) {
console.log(i); // 0, 1, 2, 3, 4 ... 9
}
console.log(i); // i is not defined
letlet :
let Gecko 44 Firefox bug 1023609.
let , , .
let (var1 [= value1] [, var2 [= value2]] [, ..., varN [= valueN]]) block;
let . , , . , , var, let, , let, - . let . .
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 , :
var a = 5;
let(a = 6) console.log(a); // 6
console.log(a); // 5
let :
let (decls) expr
*expr * .
| Specification |
|---|
| ECMAScript 2027 LanguageSpecification # sec-let-and-const-declarations |
This page was last modified on 27 . 2025 . by MDN contributors.
Your blueprint for a better internet.
Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.
| Web Proxy Viewer | New URL | Original Page |