Javascript

Sai lầm khi sử dụng var thay vì let hoặc const

Sai lầm khi sử dụng var thay vì let hoặc const

Sử dụng var có thể gây nhầm lẫn về phạm vi của biến và có thể dẫn đến lỗi không mong muốn.

Ví dụ:

function example() {
  var x = 10;
  if (true) {
    var x = 20;
  }
  console.log(x); // 20
}
example();

Trong ví dụ trên, chúng ta khai báo một biến x bằng var trong hàm example. Trong một khối if, chúng ta gán giá trị cho x là 20. Tuy nhiên, biến x được khai báo bằng var có phạm vi toàn cục trong hàm example và do đó gán giá trị trong khối if sẽ thay đổi giá trị của biến x bên ngoài khối if.

Điều này có thể gây nhầm lẫn về phạm vi của biến và dẫn đến lỗi không mong muốn trong mã.

Sử dụng let và const thay vì var có thể giúp giảm nhầm lẫn và tạo ra một mã tốt hơn.

Ví dụ:

function example() {
  let x = 10;
  if (true) {
    let x = 20;
    console.log(x); // 20
  }
  console.log(x); // 10
}
example();

Trong ví dụ trên, chúng ta khai báo một biến x bằng let trong hàm example. Trong một khối if, chúng ta cũng khai báo một biến x bằng let. Do đó, phạm vi của biến x trong khối if sẽ chỉ tồn tại trong khối if và không ảnh hưởng đến biến x bên ngoài khối if.

Sử dụng let thay vì var có thể giúp giảm nhầm lẫn về phạm vi của biến và tạo ra một mã tốt hơn. Để cấm thay đổi giá trị của một biến, chúng ta có thể sử dụng const thay vì let.

Chúc các bạn thành công ^^


Chia sẻ bài viết:
Bình luận trực tiếp trên web
Bài viết liên quan
Cách tạo một single-page web application với JavaScript

Cách tạo một single-page web application với JavaScript

Có ai thắc mắc cách để tạo ra 1 trang web single-page giống vs cái framework như Vue hay Reject không

09-02-2023 · Javascript · 2 phút đọc · 1587
var, let, và const trong Javascript khác gì nhau ?

var, let, và const trong Javascript khác gì nhau ?

var có thể được gán giá trị mới và có thể truy cập từ bất kỳ đâu trong mã, let tương tự như var, nhưng có giới hạn truy cập chỉ trong phạm vi

04-02-2023 · Javascript · 2 phút đọc · 1303
Hàm kiểm tra biến trong Javascript

Hàm kiểm tra biến trong Javascript

Một sốm hàm kiểm tra biến phổ biến trong Javscript typeof, instanceof, Array.isArray, Object.prototype.toString.call, if (variable)

05-02-2023 · Javascript · 1 phút đọc · 1106
Memoization trong Javascript

Memoization trong Javascript

Memoization là một cách tối ưu hóa được sử dụng trong lập trình để giảm thiểu số lần gọi một hàm.

08-02-2023 · Javascript · 1 phút đọc · 1104