Tất cả chúng ta đều bắt đầu từ đâu đó. Tôi đã học JavaScript khai báo biến với từ khóa
// the old way8. Nó đơn giản và hiệu quả, nhưng tôi đã thay đổi
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
Nếu bạn viết mã như
// the old way9, bạn cần dừng lại. Chà, tôi sẽ thành thật mà nói, bạn không cần phải làm vậy, nhưng bạn nên
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
Chúng ta thường nghĩ về ngôn ngữ lập trình như một bộ quy tắc khắc trong đá. Thực tế là một ngôn ngữ lập trình - giống như bất kỳ ngôn ngữ nói nào - không ngừng phát triển
Bây giờ tôi sử dụng các từ khóa
const myFunction = [x,y] => {0 và
// Do stuff
}myFunction[1,2]
const myFunction = [x,y] => {0 để khai báo tất cả các biến của mình trong JavaScript và bạn cũng vậy
// Do stuff
}myFunction[1,2]
Hãy tìm hiểu cách thức và lý do
Khai báo hằng đúngMột biến, theo tên, xác định một giá trị thay đổi. Mặc dù không nhất thiết có gì sai khi khai báo và không chạm vào một biến, nhưng nếu chúng ta đang cố gắng viết mã có ý nghĩa ngữ nghĩa thì chúng ta nên phân biệt giữa biến và hằng
Hằng đối lập với biến, giá trị đã khai báo không thay đổi. Trong lịch sử, để định nghĩa một hằng số, chúng ta sử dụng tất cả các chữ in hoa, giống như màu sắc tươi sáng trên một con vật độc hại
Thay vì dựa vào quy ước, việc giới thiệu từ khóa
const myFunction = [x,y] => {0 cho chúng ta một tùy chọn rõ ràng để khai báo điều không thay đổi
// Do stuff
}myFunction[1,2]
Để sử dụng từ khóa
const myFunction = [x,y] => {0, chỉ cần hoán đổi nó với
// Do stuff
}myFunction[1,2]
// the old way8 và bây giờ giá trị đó không thể sửa đổi được nữa
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
// the old way
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
Việc thực hiện đơn giản, lý do đơn giản. Sử dụng
const myFunction = [x,y] => {0 là điều dễ hiểu. Nhưng khi nào điều này là thích hợp?
// Do stuff
}myFunction[1,2]
Các tỷ lệ số như thuế suất hoặc chuyển đổi giữa các đơn vị là những lựa chọn dễ dàng. Một nơi khác bạn sẽ thấy
const myFunction = [x,y] => {0 đang được sử dụng là khai báo các hàm bằng cách sử dụng ký hiệu mũi tên
// Do stuff
}myFunction[1,2]
const myFunction = [x,y] => {
// Do stuff
}myFunction[1,2]
Bây giờ chức năng của bạn không thể bị ghi đè
JavaScript bị thiếu sự rõ ràng về phạm vi thường dẫn đến sự thất vọng khi phát triển và khắc phục sự cố. Dưới đây là tóm tắt về các điểm kỳ lạ trong phạm vi JS
- có thể sử dụng
// the old way
8 hai lần với một biến [khai báo lại]
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable. - các biến cấp cao nhất là toàn cục theo mặc định [đối tượng toàn cục]
- các biến có thể được sử dụng trước khi được khai báo [hoisting]
- các biến trong các vòng lặp được sử dụng lại cùng một tham chiếu [bao đóng]
Sử dụng
const myFunction = [x,y] => {0 làm rõ và giải quyết nhiều điều kỳ lạ này. Hãy xem xét kỹ hơn
// Do stuff
}myFunction[1,2]
khai báo lại
Cái này đơn giản, bạn không thể khai báo lại một biến đã được tạo bằng
const myFunction = [x,y] => {0
// Do stuff
}myFunction[1,2]
var x = 0;
let y = 0;var x = 1;
let y = 1; // "SyntaxError: Identifier 'y' has already been declared
đối tượng toàn cầu
Ở cấp cao nhất, các biến được khai báo bằng
// the old way8 được thêm vào đối tượng toàn cầu dưới dạng thuộc tính trong khi các biến
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
const myFunction = [x,y] => {0 thì không
// Do stuff
}myFunction[1,2]
var x = 0;
let y = 0;console.log[window.x]; // 0
console.log[window.y]; // undefined
cẩu
Các biến được xác định bằng
const myFunction = [x,y] => {0 chỉ có thể truy cập được bên trong phạm vi khối của chúng trong khi các biến
// Do stuff
}myFunction[1,2]
// the old way8 được nâng lên cấp hàm
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
// Using var0, một tham chiếu mới được tạo mỗi lần
console.log[i]; // undefined
for[var i=0; i {
// Do stuff
}myFunction[1,2]
// the old way2
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
Cuối cùng, ngay cả khi bạn không hiểu 100% về những lý do này và lý do tại sao chúng hoạt động theo cách chúng làm, thì việc chuyển sang
const myFunction = [x,y] => {0 sẽ dẫn đến mã rõ ràng hơn, hoạt động nhất quán và sẽ dễ dàng khắc phục sự cố/bảo trì hơnMột lời cảnh báo
// Do stuff
}myFunction[1,2]
Mặc dù
const myFunction = [x,y] => {0 và
// Do stuff
}myFunction[1,2]
const myFunction = [x,y] => {0 sẽ thay thế hiệu quả cho từ khóa
// Do stuff
}myFunction[1,2]
// the old way8, nhưng cuộc sống không phải lúc nào cũng đơn giản như vậy. Vì những từ khóa này đã được giới thiệu trong ECMAScript 2015 [ES6], nếu nền tảng bạn làm việc không cho phép nó thì bạn không gặp may. Ngoài ra, bạn sẽ muốn đảm bảo rằng bạn thực hiện các bước để đảm bảo mã của bạn hoạt động trên các trình duyệt của đối tượng mục tiêu của bạn
// var sales_tax = 0.06;// the new way
const sales_tax = 0.06;sales_tax = 0.08; // "TypeError: Assignment to constant variable.
Bạn vẫn thấy mình đang sử dụng
var x = 0;9 chứ?
let y = 0;var x = 1;
let y = 1; // "SyntaxError: Identifier 'y' has already been declared