Hướng dẫn should i use let or var in javascript? - tôi có nên sử dụng let hay var trong javascript không?

Quy tắc phạm vi

Sự khác biệt chính là các quy tắc phạm vi. Các biến được khai báo bởi từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function run() {
  var foo = "Foo";
  let bar = "Bar";

  console.log(foo, bar); // Foo Bar

  {
    var moo = "Mooo"
    let baz = "Bazz";
    console.log(moo, baz); // Mooo Bazz
  }

  console.log(moo); // Mooo
  console.log(baz); // ReferenceError
}

run();

Lý do tại sao từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Hãy xem ví dụ này từ một câu hỏi tràn chồng khác:

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Mọi người đã phải tạo ra các chức năng ngay lập tức để nắm bắt các giá trị chính xác từ các vòng lặp nhưng đó cũng là lông.

Kéo

Mặc dù các biến được khai báo với từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Tạo thuộc tính đối tượng toàn cầu

Ở cấp cao nhất,

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Redclaration

Trong chế độ nghiêm ngặt,

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

15

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Mã ở trên cho thấy một vấn đề đóng cửa JavaScript cổ điển. Tham chiếu đến biến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Mỗi trình xử lý nhấp chuột sẽ đề cập đến cùng một đối tượng bởi vì chỉ có một đối tượng bộ đếm chứa 6 để bạn nhận được sáu trên mỗi lần nhấp.

Một cách giải quyết chung là kết thúc điều này trong một chức năng ẩn danh và vượt qua

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

(Được thử nghiệm trong Chrome và Firefox 50)

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Đã trả lời ngày 27 tháng 5 năm 2015 lúc 10:16May 27, 2015 at 10:16

Gurpreet Singhgurpreet SinghGurpreet Singh

20,5K5 Huy hiệu vàng43 Huy hiệu bạc57 Huy hiệu đồng5 gold badges43 silver badges57 bronze badges

13

Sự khác biệt giữa for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }8 và for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }7 là gì?

• Một biến được xác định bằng cách sử dụng câu lệnh

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  7 được biết đến trong toàn bộ hàm mà nó được xác định trong, từ đầu hàm. (*)the function it is defined in, from the start of the function. (*)
• Một biến được xác định bằng cách sử dụng câu lệnh

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 chỉ được biết đến trong khối nó được xác định trong thời điểm nó được xác định trở đi. (**)the block it is defined in, from the moment it is defined onward. (**)

Để hiểu sự khác biệt, hãy xem xét mã sau:

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Ở đây, chúng ta có thể thấy rằng biến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Ngoài ra, hãy xem xét rằng các biến phạm vi khối không được biết trước khi chúng được khai báo vì chúng không được nâng lên. Bạn cũng không được phép tái lập cùng một biến phạm vi khối trong cùng một khối. Điều này làm cho các biến phạm vi khối ít dễ bị lỗi so với các biến phạm vi toàn cầu hoặc chức năng, được nâng lên và không tạo ra bất kỳ lỗi nào trong trường hợp nhiều khai báo.

Có an toàn khi sử dụng for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }8 ngày nay không?

Một số người sẽ lập luận rằng trong tương lai, chúng ta sẽ chỉ sử dụng các câu lệnh LET và các câu lệnh VAR sẽ trở nên lỗi thời. Đạo sư JavaScript Kyle Simpson đã viết một bài báo rất công phu về lý do tại sao ông tin rằng điều đó sẽ không xảy ra.Kyle Simpson wrote a very elaborate article on why he believes that won't be the case.

Hôm nay, tuy nhiên, đó chắc chắn không phải là trường hợp. Trên thực tế, chúng ta thực sự cần phải tự hỏi liệu có an toàn khi sử dụng tuyên bố

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

• Nếu bạn đang viết mã JavaScript phía máy chủ (Node.js), bạn có thể sử dụng câu lệnh

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 một cách an toàn.Node.js), you can safely use the

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 statement.

• Nếu bạn đang viết mã JavaScript phía máy khách và sử dụng bộ chuyển đổi dựa trên trình duyệt (như Traceur hoặc Babel-Standalone), bạn có thể sử dụng một cách an toàn câu lệnh ____88, tuy nhiên mã của bạn có thể là bất cứ điều gì nhưng tối ưu đối với hiệu suất.Traceur or babel-standalone), you can safely use the

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 statement, however your code is likely to be anything but optimal with respect to performance.

• Nếu bạn đang viết mã JavaScript phía máy khách và sử dụng bộ chuyển đổi dựa trên nút (như Script Shell Traceur hoặc Babel), bạn có thể sử dụng câu lệnh

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 một cách an toàn. Và bởi vì trình duyệt của bạn sẽ chỉ biết về mã được truyền, nên hạn chế hiệu suất.traceur shell script or Babel), you can safely use the

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 statement. And because your browser will only know about the transpiled code, performance drawbacks should be limited.

• Nếu bạn đang viết mã JavaScript phía máy khách và không sử dụng Transpiler, bạn cần xem xét hỗ trợ trình duyệt.

  Vẫn còn một số trình duyệt hoàn toàn không hỗ trợ

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8:

Cách theo dõi hỗ trợ trình duyệt

Để biết tổng quan cập nhật về trình duyệt nào hỗ trợ câu lệnh

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

(*) Các biến phạm vi toàn cầu và chức năng có thể được khởi tạo và sử dụng trước khi chúng được khai báo vì các biến JavaScript được nâng. Điều này có nghĩa là các tuyên bố luôn luôn là nhiều trên đỉnh của phạm vi.hoisted. This means that declarations are always much to the top of the scope.

(**) Các biến phạm vi khối không được nâng lên

Đã trả lời ngày 23 tháng 2 năm 2016 lúc 18:35Feb 23, 2016 at 18:35

John Slegersjohn SlegersJohn Slegers

43K22 Huy hiệu vàng194 Huy hiệu bạc163 Huy hiệu đồng22 gold badges194 silver badges163 bronze badges

6

Đây là một lời giải thích về từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 hoạt động rất giống

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7. Sự khác biệt chính là phạm vi của biến

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7 là toàn bộ hàm bao quanh

Bảng này trên Wikipedia cho thấy trình duyệt nào hỗ trợ JavaScript 1.7.

Lưu ý rằng chỉ các trình duyệt Mozilla và Chrome hỗ trợ nó. Tức là, safari và những người khác không có.

Đã trả lời ngày 17 tháng 4 năm 2009 lúc 20:11Apr 17, 2009 at 20:11

Ben Sben sBen S

67.7K30 Huy hiệu vàng170 Huy hiệu bạc212 Huy hiệu Đồng30 gold badges170 silver badges212 bronze badges

5

for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }8

Phạm vi khối

Các biến được khai báo bằng cách sử dụng từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Ở cấp cao nhất (ngoài một hàm)

Ở cấp cao nhất, các biến được khai báo bằng cách sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Bên trong một chức năng

Bên trong một hàm (nhưng bên ngoài một khối),

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Bên trong một khối

Các biến được khai báo bằng cách sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Bên trong một vòng lặp

Các biến được khai báo với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Vòng lặp với đóng cửa

Nếu bạn sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Khu vực chết tạm thời

Do vùng chết tạm thời, các biến được khai báo bằng cách sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Không khai báo lại

Bạn không thể khai báo cùng một biến nhiều lần bằng cách sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = []; // let's create 3 functions for (var i = 0; i < 3; i++) { // and store them in funcs funcs[i] = function() { // each should log its value. console.log("My value: " + i); }; } for (var j = 0; j < 3; j++) { // and now let's run each one to see funcs[j](); }38

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Không được chỉ định lại

Biến được khai báo bằng cách sử dụng

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Lưu ý rằng điều đó không có nghĩa là giá trị là bất biến. Tính chất của nó vẫn có thể được thay đổi.

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Nếu bạn muốn có một đối tượng bất biến, bạn nên sử dụng

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Khởi tạo là bắt buộc

Bạn luôn phải chỉ định một giá trị khi khai báo một biến bằng cách sử dụng

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Abdul Rehman

1.5783 huy hiệu vàng23 Huy hiệu bạc35 Huy hiệu đồng3 gold badges23 silver badges35 bronze badges

Đã trả lời ngày 23 tháng 11 năm 2016 lúc 22:52Nov 23, 2016 at 22:52

0

Câu trả lời được chấp nhận bị thiếu một điểm:

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

William

4039 Huy hiệu bạc21 Huy hiệu Đồng9 silver badges21 bronze badges

Đã trả lời ngày 2 tháng 6 năm 2015 lúc 20:59Jun 2, 2015 at 20:59

Lcf.vsLcf.vsLcf.vs

1.7521 huy hiệu vàng11 Huy hiệu bạc15 Huy hiệu đồng1 gold badge11 silver badges15 bronze badges

4

Trong hầu hết các thuật ngữ cơ bản,

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Hộp cát để chơi xung quanh ↓

Đã trả lời ngày 11 tháng 5 năm 2020 lúc 17:04May 11, 2020 at 17:04

Hasan Sefa Ozalphasan Sefa OzalpHasan Sefa Ozalp

5.2243 huy hiệu vàng31 Huy hiệu bạc40 Huy hiệu đồng3 gold badges31 silver badges40 bronze badges

0

Sự khác biệt chính là sự khác biệt về phạm vi, trong khi cho phép chỉ có thể có sẵn bên trong phạm vi mà nó được khai báo, giống như trong vòng lặp, ví dụ VAR có thể được truy cập bên ngoài vòng lặp. Từ tài liệu trong MDN (ví dụ cũng từ MDN):scope difference, while let can be only available inside the scope it's declared, like in for loop, var can be accessed outside the loop for example. From the documentation in MDN (examples also from MDN):

Cho phép bạn khai báo các biến bị giới hạn trong phạm vi cho khối, câu lệnh hoặc biểu thức mà nó được sử dụng. Điều này không giống như từ khóa VAR, xác định một biến trên toàn cầu hoặc cục bộ với toàn bộ hàm bất kể phạm vi khối. allows you to declare variables that are limited in scope to the block, statement, or expression on which it is used. This is unlike the var keyword, which defines a variable globally, or locally to an entire function regardless of block scope.

Các biến được khai báo bằng phạm vi của chúng là khối mà chúng được xác định, cũng như trong bất kỳ khối nào có chứa. Theo cách này, hãy để hoạt động rất giống Var. Sự khác biệt chính là phạm vi của biến VAR là toàn bộ hàm kèm theo:let have as their scope the block in which they are defined, as well as in any contained sub-blocks. In this way, let works very much like var. The main difference is that the scope of a var variable is the entire enclosing function:

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Ở cấp cao nhất của các chương trình và chức năng, cho phép, không giống như VAR, không tạo ra một thuộc tính trên đối tượng toàn cầu. Ví dụ:let, unlike var, does not create a property on the global object. For example:

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Khi được sử dụng bên trong một khối, hãy để giới hạn phạm vi của biến trong khối đó. Lưu ý sự khác biệt giữa VAR có phạm vi bên trong hàm nơi nó được khai báo.var whose scope is inside the function where it is declared.

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Cũng đừng quên tính năng ECMA6, vì vậy nó chưa được hỗ trợ đầy đủ, vì vậy tốt hơn là luôn luôn chuyển nó sang ECMA5 bằng cách sử dụng Babel, v.v. để biết thêm về hãy truy cập trang web của Babel

Đã trả lời ngày 22 tháng 3 năm 2017 lúc 14:39Mar 22, 2017 at 14:39

AlirezaalirezaAlireza

96.2K26 Huy hiệu vàng265 Huy hiệu bạc167 Huy hiệu đồng26 gold badges265 silver badges167 bronze badges

1

Dưới đây là một ví dụ cho sự khác biệt giữa hai (hỗ trợ mới bắt đầu cho Chrome):

Như bạn có thể thấy biến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Đã trả lời ngày 6 tháng 3 năm 2015 lúc 10:41Mar 6, 2015 at 10:41

vlio20vlio20vlio20

8.50617 Huy hiệu vàng93 Huy hiệu bạc175 Huy hiệu Đồng17 gold badges93 silver badges175 bronze badges

0

Có một số khác biệt tinh tế - phạm vi

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

ví dụ. Nó phạm vi đến khối kèm theo, chúng không tồn tại trước khi chúng được khai báo, v.v.

Tuy nhiên, điều đáng chú ý là

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Đã trả lời ngày 17 tháng 4 năm 2009 lúc 21:38Apr 17, 2009 at 21:38

Olliejolliejolliej

34,8K9 Huy hiệu vàng57 Huy hiệu bạc55 Huy hiệu Đồng9 gold badges57 silver badges55 bronze badges

5

• Biến không nâng

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 sẽ không nâng lên toàn bộ phạm vi của khối mà chúng xuất hiện. Ngược lại,

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  7 có thể kéo như dưới đây.not hoist to the entire scope of the block they appear in. By contrast,

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  7 could hoist as below.

  function run() {
    console.log(foo); // undefined
    var foo = "Foo";
    console.log(foo); // Foo
  }
  
  run();

  9

  Trên thực tế, mỗi @bergi, cả

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  7 và

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 đều được nâng lên.

• Thu gom rác thải

  Phạm vi khối của

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 là hữu ích liên quan đến việc đóng cửa và thu gom rác để lấy lại bộ nhớ. Xem xét,

  function checkHoisting() {
    console.log(foo); // ReferenceError
    let foo = "Foo";
    console.log(foo); // Foo
  }
  
  checkHoisting();

  0

  Cuộc gọi lại xử lý

  var funcs = [];
  // let's create 3 functions
  for (var i = 0; i < 3; i++) {
    // and store them in funcs
    funcs[i] = function() {
      // each should log its value.
      console.log("My value: " + i);
    };
  }
  for (var j = 0; j < 3; j++) {
    // and now let's run each one to see
    funcs[j]();
  }

  53 hoàn toàn không cần biến

  var funcs = [];
  // let's create 3 functions
  for (var i = 0; i < 3; i++) {
    // and store them in funcs
    funcs[i] = function() {
      // each should log its value.
      console.log("My value: " + i);
    };
  }
  for (var j = 0; j < 3; j++) {
    // and now let's run each one to see
    funcs[j]();
  }

  54. Về mặt lý thuyết, sau khi

  var funcs = [];
  // let's create 3 functions
  for (var i = 0; i < 3; i++) {
    // and store them in funcs
    funcs[i] = function() {
      // each should log its value.
      console.log("My value: " + i);
    };
  }
  for (var j = 0; j < 3; j++) {
    // and now let's run each one to see
    funcs[j]();
  }

  55 chạy, cấu trúc dữ liệu khổng lồ

  var funcs = [];
  // let's create 3 functions
  for (var i = 0; i < 3; i++) {
    // and store them in funcs
    funcs[i] = function() {
      // each should log its value.
      console.log("My value: " + i);
    };
  }
  for (var j = 0; j < 3; j++) {
    // and now let's run each one to see
    funcs[j]();
  }

  54 có thể được thu thập rác. Tuy nhiên, có thể một số động cơ JS vẫn sẽ phải giữ cấu trúc khổng lồ này, vì hàm

  var funcs = [];
  // let's create 3 functions
  for (var i = 0; i < 3; i++) {
    // and store them in funcs
    funcs[i] = function() {
      // each should log its value.
      console.log("My value: " + i);
    };
  }
  for (var j = 0; j < 3; j++) {
    // and now let's run each one to see
    funcs[j]();
  }

  53 có đóng cửa trong toàn bộ phạm vi.

  Tuy nhiên, phạm vi khối có thể làm cho cấu trúc dữ liệu khổng lồ này được thu thập.

  function checkHoisting() {
    console.log(foo); // ReferenceError
    let foo = "Foo";
    console.log(foo); // Foo
  }
  
  checkHoisting();

  1

• for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 vòng lặp

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 Trong vòng lặp có thể gắn lại nó với từng lần lặp của vòng lặp, đảm bảo gán lại giá trị từ cuối vòng lặp vòng trước. Xem xét,re-binds it to each iteration of the loop, making sure to re-assign it the value from the end of the previous loop iteration. Consider,

  function checkHoisting() {
    console.log(foo); // ReferenceError
    let foo = "Foo";
    console.log(foo); // Foo
  }
  
  checkHoisting();

  2

  Tuy nhiên, thay thế

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  7 bằng

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8

  function checkHoisting() {
    console.log(foo); // ReferenceError
    let foo = "Foo";
    console.log(foo); // Foo
  }
  
  checkHoisting();

  3

  Bởi vì

  for(let i=1; i<6; i++) {
    $("#div" + i).click(function () { console.log(i); });
  }

  8 tạo ra một môi trường từ vựng mới với các tên đó cho a) biểu thức khởi đầu b) mỗi lần lặp (trước đây để đánh giá biểu thức tăng), nên nhiều chi tiết hơn ở đây.

Đã trả lời ngày 17 tháng 1 năm 2016 lúc 15:11Jan 17, 2016 at 15:11

Zangwzangwzangw

39,8K18 Huy hiệu vàng154 Huy hiệu bạc187 Huy hiệu đồng18 gold badges154 silver badges187 bronze badges

4

Sự khác biệt là trong phạm vi của các biến được khai báo với mỗi biến.

Trong thực tế, có một số hậu quả hữu ích của sự khác biệt về phạm vi:

1. for(let i=1; i<6; i++) {
     $("#div" + i).click(function () { console.log(i); });
   }

   8 Các biến chỉ hiển thị trong khối bao quanh gần nhất của chúng (

   var funcs = [];
   // let's create 3 functions
   for (var i = 0; i < 3; i++) {
     // and store them in funcs
     funcs[i] = function() {
       // each should log its value.
       console.log("My value: " + i);
     };
   }
   for (var j = 0; j < 3; j++) {
     // and now let's run each one to see
     funcs[j]();
   }

   64).

2. for(let i=1; i<6; i++) {
     $("#div" + i).click(function () { console.log(i); });
   }

   8 Các biến chỉ có thể sử dụng trong các dòng mã xảy ra sau khi biến được khai báo (mặc dù chúng được nâng lên!).

3. for(let i=1; i<6; i++) {
     $("#div" + i).click(function () { console.log(i); });
   }

   8 Các biến có thể không được xác định lại bởi một

   for(let i=1; i<6; i++) {
     $("#div" + i).click(function () { console.log(i); });
   }

   7 hoặc

   for(let i=1; i<6; i++) {
     $("#div" + i).click(function () { console.log(i); });
   }

   8 sau đó.
4. Các biến toàn cầu ____88 không được thêm vào đối tượng toàn cầu

   var funcs = [];
   // let's create 3 functions
   for (var i = 0; i < 3; i++) {
     // and store them in funcs
     funcs[i] = function() {
       // each should log its value.
       console.log("My value: " + i);
     };
   }
   for (var j = 0; j < 3; j++) {
     // and now let's run each one to see
     funcs[j]();
   }

   70.

5. for(let i=1; i<6; i++) {
     $("#div" + i).click(function () { console.log(i); });
   }

   8 Biến rất dễ sử dụng với việc đóng cửa (chúng không gây ra điều kiện chủng tộc).

Các hạn chế được áp đặt bởi

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Do đó, các biến

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Ví dụ

1. Không sử dụng Khối kèm theo gần nhất: Khối mã này sẽ ném lỗi tham chiếu vì việc sử dụng

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Ngược lại, ví dụ tương tự với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

2. Không sử dụng trước khi khai báo: Khối mã này sẽ ném

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Ngược lại, ví dụ tương tự với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

3. Không có sự điều chỉnh lại: Mã sau chứng minh rằng một biến được khai báo với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

4. Globals không được gắn vào

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

5. Dễ dàng sử dụng với đóng cửa: Các biến được khai báo với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Cụ thể, đầu ra này:

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Trong JavaScript, chúng ta thường sử dụng các biến vào thời điểm sau đáng kể so với khi chúng được tạo. Khi chúng tôi chứng minh điều này bằng cách trì hoãn đầu ra với việc đóng được chuyển đến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

... Đầu ra vẫn không thay đổi miễn là chúng tôi gắn bó với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

... Vòng lặp bất ngờ xuất ra "I là 5" năm lần:

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Đã trả lời ngày 22 tháng 5 năm 2017 lúc 1:09May 22, 2017 at 1:09

Mormegilmormegilmormegil

1.7521 Huy hiệu vàng19 Huy hiệu bạc22 Huy hiệu đồng1 gold badge19 silver badges22 bronze badges

2

Đây là một ví dụ để thêm vào những gì người khác đã viết. Giả sử bạn muốn tạo một mảng các hàm,

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Quá trình ở trên không tạo ra mảng các hàm mong muốn vì phạm vi của ____ 102 mở rộng ra ngoài việc lặp lại của khối

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Tuy nhiên, chúng tôi có thể thử lại bằng cách sử dụng từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Lần này,

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Bây giờ, hình ảnh trộn hai hành vi và có lẽ bạn sẽ thấy lý do tại sao không nên trộn

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Đừng để điều này xảy ra với bạn. Sử dụng một linter.

Lưu ý: Đây là một ví dụ giảng dạy nhằm chứng minh hành vi ____ 87/________ 88 trong các vòng lặp và với các đóng cửa chức năng cũng sẽ dễ hiểu. Đây sẽ là một cách khủng khiếp để thêm số. Nhưng kỹ thuật chung nắm bắt dữ liệu trong việc đóng chức năng ẩn danh có thể gặp phải trong thế giới thực trong các bối cảnh khác. Ymmv. This is a teaching example intended to demonstrate the

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7/

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 behavior in loops and with function closures that would also be easy to understand. This would be a terrible way to add numbers. But the general technique of capturing data in anonymous function closures might be encountered in the real world in other contexts. YMMV.

Đã trả lời ngày 18 tháng 8 năm 2014 lúc 0:58Aug 18, 2014 at 0:58

Abrozabrozabroz

3613 Huy hiệu bạc7 Huy hiệu đồng3 silver badges7 bronze badges

3

Có thể hai chức năng sau đây cho thấy sự khác biệt:

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Đã trả lời ngày 17 tháng 12 năm 2015 lúc 3:22Dec 17, 2015 at 3:22

Abdennour toumiabdennour toumiAbdennour TOUMI

80,5K36 Huy hiệu vàng233 Huy hiệu bạc243 Huy hiệu Đồng36 gold badges233 silver badges243 bronze badges

0

ES6 đã giới thiệu hai từ khóa mới (LET và const) thay thế cho Var.let and const) alternate to var.

Khi bạn cần giảm tốc độ khối, bạn có thể đi với LET và const thay vì var.

Bảng dưới đây tóm tắt sự khác biệt giữa VAR, LET và const

Tylerh

21.3K59 Huy hiệu vàng74 Huy hiệu bạc93 Huy hiệu Đồng59 gold badges74 silver badges93 bronze badges

Đã trả lời ngày 26 tháng 1 năm 2020 lúc 11:39Jan 26, 2020 at 11:39

SrikrushnasrikrushnaSrikrushna

3,8251 Huy hiệu vàng36 Huy hiệu bạc45 Huy hiệu đồng1 gold badge36 silver badges45 bronze badges

1

Hàm vs Phạm vi khối:

Sự khác biệt chính giữa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Các biến có

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Khi hàm đầu tiên

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

Các biến có

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Khi hàm thứ hai

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }8 Biến không được nâng lên:

Một sự khác biệt khác giữa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Các biến có

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Các biến với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var foo = "Foo";  // globally scoped
let bar = "Bar"; // not allowed to be globally scoped

console.log(window.foo); // Foo
console.log(window.bar); // undefined

Toàn cầu for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }8 không được gắn vào var funcs = []; // let's create 3 functions for (var i = 0; i < 3; i++) { // and store them in funcs funcs[i] = function() { // each should log its value. console.log("My value: " + i); }; } for (var j = 0; j < 3; j++) { // and now let's run each one to see funcs[j](); }70:

Một biến được khai báo với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

Khi nào

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 được sử dụng trên

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7?

Sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

Suraj Rao

29.2k11 Huy hiệu vàng95 Huy hiệu bạc102 Huy hiệu đồng11 gold badges95 silver badges102 bronze badges

Đã trả lời ngày 9 tháng 9 năm 2018 lúc 13:08Sep 9, 2018 at 13:08

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

Dẫn đến việc đếm [0, 7].

Nhưng trái lại

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

Chỉ tính [0, 1].

Đã trả lời ngày 8 tháng 7 năm 2016 lúc 0:21Jul 8, 2016 at 0:21

DMYTRODMYTRODmytro

4.8924 Huy hiệu vàng37 Huy hiệu bạc 50 Huy hiệu Đồng4 gold badges37 silver badges50 bronze badges

2

Có vẻ như, ít nhất là trong Visual Studio 2015, TypeScript 1.5, "VAR" cho phép nhiều khai báo của cùng một tên biến trong một khối và "LET" không.

Điều này sẽ không tạo ra lỗi biên dịch:

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

Điều này sẽ:

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

John Slegers

43K22 Huy hiệu vàng194 Huy hiệu bạc163 Huy hiệu đồng22 gold badges194 silver badges163 bronze badges

Đã trả lời ngày 11 tháng 8 năm 2015 lúc 0:35Aug 11, 2015 at 0:35

RdocrdocRDoc

1852 Huy hiệu bạc8 Huy hiệu đồng2 silver badges8 bronze badges

Giải thích này được lấy từ một bài báo tôi đã viết ở Medium:

Tăng cường là một cơ chế JavaScript trong đó các biến và khai báo chức năng được chuyển đến đầu phạm vi của chúng bởi trình phân tích cú pháp đọc mã nguồn thành một biểu diễn trung gian trước khi thực hiện mã thực tế bắt đầu bởi trình thông dịch JavaScript. Vì vậy, nó thực sự không quan trọng khi các biến hoặc hàm được khai báo, chúng sẽ được chuyển lên đỉnh phạm vi của chúng bất kể phạm vi của chúng là toàn cầu hay địa phương. Điều này có nghĩa rằng

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

5

thực sự được giải thích là

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

6

Vì vậy, như chúng ta đã thấy vừa bây giờ, các biến

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7 đang được nâng lên đỉnh phạm vi của chúng và đang được khởi tạo với giá trị của không xác định, điều đó có nghĩa là chúng ta thực sự có thể gán giá trị của chúng trước khi thực sự khai báo chúng trong mã như vậy:

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

7

Liên quan đến khai báo chức năng, chúng ta có thể gọi chúng trước khi thực sự tuyên bố chúng như vậy:

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

8

Mặt khác, các biểu thức chức năng không được nâng lên, vì vậy chúng tôi sẽ gặp lỗi sau:

'use strict';
var foo = "foo1";
var foo = "foo2"; // No problem, 'foo1' is replaced with 'foo2'.

let bar = "bar1"; 
let bar = "bar2"; // SyntaxError: Identifier 'bar' has already been declared

9

ES6 đã giới thiệu các nhà phát triển JavaScript

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 và

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

38 từ khóa. Trong khi

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 và

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

38 có khối và không hoạt động được phạm vi như

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7, nó không nên tạo ra sự khác biệt trong khi thảo luận về hành vi nâng cao của họ. Chúng tôi sẽ bắt đầu từ cuối, các vận thăng JavaScript

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 và

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

38.

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

0

Như chúng ta có thể thấy ở trên,

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 không cho phép chúng ta sử dụng các biến không được khai báo, do đó trình thông dịch xuất hiện rõ ràng một lỗi tham chiếu cho biết biến

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

54 không thể được truy cập trước khi khởi tạo. Lỗi tương tự sẽ xảy ra nếu chúng ta thay đổi trên

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 thành

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

38

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

1

Vì vậy, dòng dưới cùng, trình phân tích cú pháp JavaScript tìm kiếm các khai báo và chức năng biến và nâng chúng lên đỉnh phạm vi của chúng trước khi thực thi mã và gán các giá trị cho chúng trong bộ nhớ để trong trường hợp trình thông dịch sẽ gặp chúng trong khi thực thi mã, anh ta sẽ nhận ra chúng và sẽ có thể thực thi mã với các giá trị được gán của chúng. Các biến được khai báo với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 hoặc

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

38 vẫn chưa được cung cấp khi bắt đầu thực hiện trong khi các biến được khai báo với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7 đang được khởi tạo với giá trị

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

4.

Tôi đã thêm hình minh họa trực quan này để giúp hiểu làm thế nào các biến và chức năng được lưu trong bộ nhớ

Đã trả lời ngày 12 tháng 1 lúc 18:20Jan 12 at 18:20

Ran Turnerran TurnerRan Turner

Huy hiệu vàng 11,5K44 gold badges31 silver badges44 bronze badges

1

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

test.js

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Đã trả lời ngày 28 tháng 10 năm 2017 lúc 12:42Oct 28, 2017 at 12:42

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var

Trong mẫu mã này, biến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Trong mẫu này, bạn có thể thấy

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Bây giờ biến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Cho phép, const

Đặt và const có phạm vi khối.

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Trong ví dụ này, biến

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(var i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Một điểm khác biệt khác với

function run() {
  console.log(foo); // undefined
  var foo = "Foo";
  console.log(foo); // Foo
}

run();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Đã trả lời ngày 10 tháng 9 lúc 10:48Sep 10 at 10:48

KasunkasunKasun

5213 Huy hiệu bạc14 Huy hiệu Đồng3 silver badges14 bronze badges

Khi sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Khi sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

var funcs = [];
// let's create 3 functions
for (var i = 0; i < 3; i++) {
  // and store them in funcs
  funcs[i] = function() {
    // each should log its value.
    console.log("My value: " + i);
  };
}
for (var j = 0; j < 3; j++) {
  // and now let's run each one to see
  funcs[j]();
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Nếu bạn muốn biết thêm tiếp tục đọc bên dưới

Một trong những câu hỏi phỏng vấn nổi tiếng nhất trên phạm vi cũng có thể đủ sử dụng chính xác

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Khi sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Điều này là do khi sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Khi sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Điều này là do khi sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Đã trả lời ngày 22 tháng 5 năm 2018 lúc 13:12May 22, 2018 at 13:12

Ankur Soniankur SoniAnkur Soni

5.3955 Huy hiệu vàng45 Huy hiệu bạc75 Huy hiệu Đồng5 gold badges45 silver badges75 bronze badges

Nếu tôi đọc thông số kỹ thuật ngay sau đó

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Xem 'Mô phỏng giao diện riêng'

Đã trả lời ngày 14 tháng 10 năm 2016 lúc 5:01Oct 14, 2016 at 5:01

2

Một số hack với

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

1.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

2.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

3.

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Clicking on each number will log to console:</p> 
<div id="div1">1</div>
<div id="div2">2</div>
<div id="div3">3</div>
<div id="div4">4</div>
<div id="div5">5</div>

Getter và setter với for(let i=1; i<6; i++) { $("#div" + i).click(function () { console.log(i); }); }8:

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Đã trả lời ngày 21 tháng 7 năm 2016 lúc 17:42Jul 21, 2016 at 17:42

Zloctbzloctbzloctb

9,9606 Huy hiệu vàng67 Huy hiệu bạc85 Huy hiệu Đồng6 gold badges67 silver badges85 bronze badges

3

Tôi vừa bắt gặp một trường hợp sử dụng mà tôi phải sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Tôi muốn tạo một biến mới với tên biến động.

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Mã trên không hoạt động vì

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Đã trả lời ngày 25 tháng 10 năm 2020 lúc 17:15Oct 25, 2020 at 17:15

Sarvar nsarvar nSarvar N

11.3k8 Huy hiệu vàng64 Huy hiệu bạc62 Huy hiệu Đồng8 gold badges64 silver badges62 bronze badges

2

Đặt vs var. Đó là tất cả về phạm vi.scope.

Các biến VAR là toàn cầu và có thể được truy cập về cơ bản ở khắp mọi nơi, trong khi các biến không toàn cầu và chỉ tồn tại cho đến khi dấu ngoặc đơn kết thúc giết chết chúng. and can be accessed basically everywhere, while let variables are not global and only exist until a closing parenthesis kills them.

Xem ví dụ của tôi dưới đây và lưu ý cách biến (LET) biến hoạt động khác nhau trong hai bảng điều khiển.log; Nó trở nên ngoài phạm vi trong bảng điều khiển thứ 2.log.

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Đã trả lời ngày 18 tháng 4 năm 2019 lúc 0:49Apr 18, 2019 at 0:49

DacodadacodadaCoda

3.2974 Huy hiệu vàng31 Huy hiệu bạc35 Huy hiệu Đồng4 gold badges31 silver badges35 bronze badges

Dưới đây cho thấy cách 'LET' và 'VAR' khác nhau trong phạm vi:

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Trong khi

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Đã trả lời ngày 7 tháng 9 năm 2019 lúc 11:25Sep 7, 2019 at 11:25

Piklu DEYPIKLU DEYPiklu Dey

Huy hiệu Huy hiệu Bạc 19011 silver badge13 bronze badges

Hãy là một phần của ES6. Các chức năng này sẽ giải thích sự khác biệt theo cách dễ dàng.

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Đã trả lời ngày 17 tháng 12 năm 2017 lúc 10:47Dec 17, 2017 at 10:47

Vipul Jainvipul JainVipul Jain

Huy hiệu đồng 941 Bạc4 Huy hiệu đồng1 silver badge4 bronze badges

Như được đề cập ở trên:

Sự khác biệt là phạm vi.

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

7 được phạm vi đến khối hàm gần nhất và

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 được phân chia đến khối bao quanh gần nhất, có thể nhỏ hơn một khối hàm. Cả hai đều là toàn cầu nếu bên ngoài bất kỳ khối nào. Hãy xem một ví dụ:function block and

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

8 is scoped to the nearest enclosing block, which can be smaller than a function block. Both are global if outside any block.Lets see an example:

Example1:

Trong cả hai ví dụ của tôi, tôi có một hàm

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Ví dụ2: Trong ví dụ thứ hai của tôi thay vì sử dụng từ khóa

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

function checkHoisting() {
  console.log(foo); // ReferenceError
  let foo = "Foo";
  console.log(foo); // Foo
}

checkHoisting();

Vì vậy, sự khác biệt rất đơn giản, tức là phạm vi của nó.

Đã trả lời ngày 7 tháng 8 năm 2018 lúc 10:25Aug 7, 2018 at 10:25

N Randhawan RandhawaN Randhawa

8.1333 huy hiệu vàng41 Huy hiệu bạc47 Huy hiệu đồng3 gold badges41 silver badges47 bronze badges

1

Bây giờ tôi nghĩ rằng có một phạm vi tốt hơn của các biến đến một khối các câu lệnh bằng cách sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Tôi nghĩ mọi người sẽ bắt đầu sử dụng LET ở đây sau đó để họ có phạm vi tương tự trong JavaScript như các ngôn ngữ khác, Java, C#, v.v.

Những người không hiểu rõ về phạm vi trong JavaScript được sử dụng để phạm sai lầm sớm hơn.

Tăng cường không được hỗ trợ bằng cách sử dụng

for(let i=1; i<6; i++) {
  $("#div" + i).click(function () { console.log(i); });
}

Với các lỗi tiếp cận này có trong JavaScript đang bị xóa.

Tham khảo ES6 theo chiều sâu: Cho và Const để hiểu nó tốt hơn.

Đã trả lời ngày 1 tháng 7 năm 2016 lúc 8:22Jul 1, 2016 at 8:22

0

Cái nào tốt hơn cho hoặc var trong javascript?

VAR có tốt hơn LET không?

Có phải và VAR cần thiết trong JavaScript?

Vẫn còn được sử dụng trong JavaScript?