Tôi có thể gọi một biến từ javascript không?

Biến toàn cục JavaScript được khai báo bên ngoài hàm hoặc được khai báo với đối tượng cửa sổ. Nó có thể được truy cập từ bất kỳ chức năng

Hãy xem ví dụ đơn giản về biến toàn cục trong JavaScript

Kiểm tra nó ngay bây giờ

Khai báo biến toàn cục JavaScript trong hàm

Để khai báo các biến toàn cục JavaScript bên trong hàm, bạn cần sử dụng đối tượng cửa sổ. Ví dụ

Bây giờ nó có thể được khai báo bên trong bất kỳ chức năng nào và có thể được truy cập từ bất kỳ chức năng nào. Ví dụ

Kiểm tra nó ngay bây giờ

---

Nội bộ của biến toàn cục trong JavaScript

Khi bạn khai báo một biến bên ngoài hàm, nó sẽ được thêm vào bên trong đối tượng cửa sổ. Bạn cũng có thể truy cập nó thông qua đối tượng cửa sổ. Ví dụ

Một biến là một “bộ lưu trữ được đặt tên” cho dữ liệu. Chúng tôi có thể sử dụng các biến để lưu trữ quà tặng, khách truy cập và dữ liệu khác

Để tạo một biến trong JavaScript, hãy sử dụng từ khóa

let message;
message = 'Hello!';

alert(message); // shows the variable content

3

Câu lệnh dưới đây tạo ra (nói cách khác. tuyên bố) một biến có tên “tin nhắn”

let message;

Bây giờ, chúng ta có thể đưa một số dữ liệu vào đó bằng cách sử dụng toán tử gán

let message;
message = 'Hello!';

alert(message); // shows the variable content

4

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

Chuỗi hiện được lưu vào vùng bộ nhớ được liên kết với biến. Chúng ta có thể truy cập nó bằng cách sử dụng tên biến

let message;
message = 'Hello!';

alert(message); // shows the variable content

Để ngắn gọn, chúng ta có thể kết hợp phần khai báo và gán biến vào một dòng duy nhất

let message = 'Hello!'; // define the variable and assign the value

alert(message); // Hello!

Chúng ta cũng có thể khai báo nhiều biến trong một dòng

let user = 'John', age = 25, message = 'Hello';

Điều đó có vẻ ngắn hơn, nhưng chúng tôi không khuyến nghị điều đó. Để dễ đọc hơn, vui lòng sử dụng một dòng cho mỗi biến

Biến thể nhiều dòng dài hơn một chút nhưng dễ đọc hơn

let user = 'John';
let age = 25;
let message = 'Hello';

Một số người cũng định nghĩa nhiều biến theo kiểu nhiều dòng này

________số 8

…Hoặc thậm chí theo kiểu “dấu phẩy trước”

let user = 'John'
  , age = 25
  , message = 'Hello';

Về mặt kỹ thuật, tất cả các biến thể này đều làm điều tương tự. Vì vậy, đó là vấn đề sở thích và thẩm mỹ cá nhân

let message;
message = 'Hello!';

alert(message); // shows the variable content

5 thay vì

let message;
message = 'Hello!';

alert(message); // shows the variable content

3

Trong các tập lệnh cũ hơn, bạn cũng có thể tìm thấy một từ khóa khác.

let message;
message = 'Hello!';

alert(message); // shows the variable content

5 thay vì

let message;
message = 'Hello!';

alert(message); // shows the variable content

3

let message;

4

Từ khóa

let message;
message = 'Hello!';

alert(message); // shows the variable content

5 gần giống với từ khóa

let message;
message = 'Hello!';

alert(message); // shows the variable content

3. Nó cũng khai báo một biến, nhưng theo một cách hơi khác, "trường học cũ"

Có những khác biệt tinh tế giữa

let message;
message = 'Hello!';

alert(message); // shows the variable content

3 và

let message;
message = 'Hello!';

alert(message); // shows the variable content

5, nhưng chúng không quan trọng đối với chúng tôi. Chúng tôi sẽ trình bày chi tiết về chúng trong chương "var" cũ

Một sự tương tự trong cuộc sống thực

Chúng ta có thể dễ dàng nắm bắt được khái niệm “biến” nếu tưởng tượng nó như một “chiếc hộp” chứa dữ liệu, trên đó có dán nhãn tên riêng.

Chẳng hạn, biến

let message = 'Hello!'; // define the variable and assign the value

alert(message); // Hello!

3 có thể được hình dung như một hộp có nhãn

let message = 'Hello!'; // define the variable and assign the value

alert(message); // Hello!

4 với giá trị

let message = 'Hello!'; // define the variable and assign the value

alert(message); // Hello!

5 trong đó

Chúng ta có thể đặt bất kỳ giá trị nào trong hộp

Chúng tôi cũng có thể thay đổi nó nhiều lần như chúng tôi muốn

let message;
message = 'Hello!';

alert(message); // shows the variable content

2

Khi giá trị được thay đổi, dữ liệu cũ sẽ bị xóa khỏi biến

Chúng ta cũng có thể khai báo hai biến và sao chép dữ liệu từ biến này sang biến kia

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

0

Khai báo hai lần gây ra lỗi

Một biến chỉ nên được khai báo một lần

Một khai báo lặp đi lặp lại cùng một biến là một lỗi

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

1

Vì vậy, chúng ta nên khai báo một biến một lần và sau đó tham chiếu đến nó mà không cần

let message;
message = 'Hello!';

alert(message); // shows the variable content

3

ngôn ngữ chức năng

Thật thú vị khi lưu ý rằng có tồn tại cái gọi là ngôn ngữ lập trình chức năng thuần túy, chẳng hạn như Haskell, cấm thay đổi giá trị biến

Trong những ngôn ngữ như vậy, một khi giá trị được lưu trữ "trong hộp", nó sẽ ở đó mãi mãi. Nếu chúng ta cần lưu trữ thứ gì khác, ngôn ngữ buộc chúng ta phải tạo một hộp mới (khai báo một biến mới). Chúng ta không thể sử dụng lại cái cũ

Mặc dù thoạt nhìn có vẻ hơi kỳ quặc, nhưng những ngôn ngữ này hoàn toàn có khả năng phát triển nghiêm túc. Hơn thế nữa, có những lĩnh vực như tính toán song song, nơi giới hạn này mang lại những lợi ích nhất định

đặt tên biến

Có hai hạn chế về tên biến trong JavaScript

1. Tên chỉ được chứa các chữ cái, chữ số hoặc ký hiệu

   let message = 'Hello!'; // define the variable and assign the value
   
   alert(message); // Hello!

   7 và

   let message = 'Hello!'; // define the variable and assign the value
   
   alert(message); // Hello!

   8
2. Ký tự đầu tiên không được là chữ số

Ví dụ về tên hợp lệ

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

2

Khi tên chứa nhiều từ, thường dùng camelCase. Đó là. các từ nối tiếp nhau, mỗi từ ngoại trừ từ đầu tiên bắt đầu bằng chữ in hoa.

let message = 'Hello!'; // define the variable and assign the value

alert(message); // Hello!

9

Điều thú vị – ký hiệu đô la ________ 60 và dấu gạch dưới ________ 61 cũng có thể được sử dụng trong tên. Chúng là các ký hiệu thông thường, giống như các chữ cái, không có ý nghĩa đặc biệt nào

Những tên này hợp lệ

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

3

Ví dụ về tên biến không chính xác

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

4

Trường hợp quan trọng

Biến có tên

let user = 'John', age = 25, message = 'Hello';

2 và

let user = 'John', age = 25, message = 'Hello';

3 là hai biến khác nhau

Các chữ cái không phải tiếng Latinh được cho phép, nhưng không được khuyến nghị

Có thể sử dụng bất kỳ ngôn ngữ nào, kể cả chữ cái cyrillic, biểu tượng tiếng Trung, v.v., như thế này

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

5

Về mặt kỹ thuật, không có lỗi ở đây. Những tên như vậy được cho phép, nhưng có một quy ước quốc tế sử dụng tiếng Anh trong tên biến. Ngay cả khi chúng tôi đang viết một kịch bản nhỏ, nó có thể còn cả một cuộc đời dài phía trước. Mọi người từ các quốc gia khác có thể cần đọc nó một lúc nào đó

tên dành riêng

Có một danh sách các từ dành riêng, không thể sử dụng làm tên biến vì chúng được sử dụng bởi chính ngôn ngữ đó

Ví dụ.

let message;
message = 'Hello!';

alert(message); // shows the variable content

3,

let user = 'John', age = 25, message = 'Hello';

5,

let user = 'John', age = 25, message = 'Hello';

6 và

let user = 'John', age = 25, message = 'Hello';

7 được bảo lưu

Đoạn mã dưới đây đưa ra một lỗi cú pháp

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

6

Bài tập không có

let user = 'John', age = 25, message = 'Hello';

8

Thông thường, chúng ta cần định nghĩa một biến trước khi sử dụng nó. Nhưng vào thời xưa, về mặt kỹ thuật, có thể tạo một biến chỉ bằng cách gán giá trị mà không cần sử dụng

let message;
message = 'Hello!';

alert(message); // shows the variable content

3. Tính năng này hiện vẫn hoạt động nếu chúng tôi không đặt

let user = 'John', age = 25, message = 'Hello';

8 trong tập lệnh của mình để duy trì khả năng tương thích với các tập lệnh cũ

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

7

Đây là một cách làm không tốt và sẽ gây ra lỗi trong chế độ nghiêm ngặt

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

8

hằng số

Để khai báo một biến hằng (không thay đổi), hãy sử dụng

let user = 'John';
let age = 25;
let message = 'Hello';

1 thay vì

let message;
message = 'Hello!';

alert(message); // shows the variable content

3

let message;

message = 'Hello'; // store the string 'Hello' in the variable named message

9

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

let user = 'John';
let age = 25;
let message = 'Hello';

1 được gọi là "hằng số". Họ không thể được chỉ định lại. Một nỗ lực để làm như vậy sẽ gây ra một lỗi

let message;
message = 'Hello!';

alert(message); // shows the variable content

0

Khi một lập trình viên chắc chắn rằng một biến sẽ không bao giờ thay đổi, họ có thể khai báo nó với _

let user = 'John';
let age = 25;
let message = 'Hello';

1 để đảm bảo và truyền đạt rõ ràng sự thật đó cho mọi người

hằng chữ hoa

Có một thực tế phổ biến là sử dụng các hằng số làm bí danh cho các giá trị khó nhớ được biết trước khi thực thi

Các hằng số như vậy được đặt tên bằng chữ in hoa và dấu gạch dưới

Chẳng hạn, hãy tạo các hằng số cho màu ở định dạng được gọi là “web” (thập lục phân)

let message;
message = 'Hello!';

alert(message); // shows the variable content

1

Những lợi ích

• let user = 'John';
  let age = 25;
  let message = 'Hello';

  5 dễ nhớ hơn nhiều so với

  let user = 'John';
  let age = 25;
  let message = 'Hello';

  6
• Dễ gõ nhầm

  let user = 'John';
  let age = 25;
  let message = 'Hello';

  6 hơn là

  let user = 'John';
  let age = 25;
  let message = 'Hello';

  5
• Khi đọc mã,

  let user = 'John';
  let age = 25;
  let message = 'Hello';

  5 có ý nghĩa hơn nhiều so với

  let user = 'John',
    age = 25,
    message = 'Hello';

  0

Khi nào chúng ta nên viết hoa cho một hằng số và khi nào chúng ta nên đặt tên bình thường?

Là một “hằng số” chỉ có nghĩa là giá trị của một biến không bao giờ thay đổi. Nhưng có những hằng số được biết trước khi thực thi (như giá trị thập lục phân cho màu đỏ) và có những hằng số được tính trong thời gian chạy, trong quá trình thực thi, nhưng không thay đổi sau lần gán ban đầu của chúng

Ví dụ

let message;
message = 'Hello!';

alert(message); // shows the variable content

2

Giá trị của

let user = 'John',
  age = 25,
  message = 'Hello';

1 không được biết trước khi tải trang, vì vậy nó được đặt tên bình thường. Nhưng nó vẫn là một hằng số vì nó không thay đổi sau khi gán

Nói cách khác, các hằng số có tên viết hoa chỉ được sử dụng làm bí danh cho các giá trị “được mã hóa cứng”

Đặt tên đúng cho mọi thứ

Nói về biến số, còn một điều cực kỳ quan trọng nữa

Tên biến phải có ý nghĩa rõ ràng, rõ ràng, mô tả dữ liệu mà nó lưu trữ

Đặt tên biến là một trong những kỹ năng quan trọng và phức tạp nhất trong lập trình. Nhìn lướt qua các tên biến có thể tiết lộ mã nào được viết bởi người mới bắt đầu so với nhà phát triển có kinh nghiệm

Trong một dự án thực tế, phần lớn thời gian dành cho việc sửa đổi và mở rộng cơ sở mã hiện có hơn là viết một cái gì đó hoàn toàn tách biệt từ đầu. Khi chúng tôi quay lại một số mã sau khi làm việc khác trong một thời gian, việc tìm thông tin được dán nhãn rõ ràng sẽ dễ dàng hơn nhiều. Hay nói cách khác, khi các biến có tên hay

Hãy dành thời gian suy nghĩ về tên phù hợp cho một biến trước khi khai báo nó. Làm như vậy sẽ trả ơn bạn rất nhiều

Một số quy tắc tốt để làm theo là

• Sử dụng tên mà con người có thể đọc được như

  let user = 'John',
    age = 25,
    message = 'Hello';

  2 hoặc

  let user = 'John',
    age = 25,
    message = 'Hello';

  3
• Tránh xa những từ viết tắt hoặc tên ngắn như

  let user = 'John',
    age = 25,
    message = 'Hello';

  4,

  let user = 'John',
    age = 25,
    message = 'Hello';

  5,

  let user = 'John',
    age = 25,
    message = 'Hello';

  6, trừ khi bạn thực sự biết mình đang làm gì
• Đặt tên mang tính mô tả và súc tích tối đa. Ví dụ về tên xấu là

  let user = 'John',
    age = 25,
    message = 'Hello';

  7 và

  let user = 'John',
    age = 25,
    message = 'Hello';

  8. Những cái tên như vậy không nói lên điều gì. Bạn chỉ có thể sử dụng chúng nếu ngữ cảnh của mã làm cho nó đặc biệt rõ ràng về dữ liệu hoặc giá trị mà biến đang tham chiếu
• Đồng ý về các điều khoản trong nhóm của bạn và trong suy nghĩ của riêng bạn. Nếu một người truy cập trang web được gọi là “người dùng” thì chúng ta nên đặt tên cho các biến liên quan là

  let user = 'John',
    age = 25,
    message = 'Hello';

  9 hoặc

  let user = 'John'
    , age = 25
    , message = 'Hello';

  0 thay vì

  let user = 'John'
    , age = 25
    , message = 'Hello';

  1 hoặc

  let user = 'John'
    , age = 25
    , message = 'Hello';

  2

Nghe có vẻ đơn giản? . Cứ liều thử đi

Tái sử dụng hoặc tạo?

Và lưu ý cuối cùng. Có một số lập trình viên lười biếng, thay vì khai báo các biến mới, họ có xu hướng sử dụng lại các biến hiện có

Kết quả là, các biến số của chúng giống như những chiếc hộp mà mọi người ném những thứ khác nhau vào mà không cần thay nhãn dán. Có gì bên trong hộp bây giờ?

Những lập trình viên như vậy tiết kiệm một chút khi khai báo biến nhưng mất gấp mười lần khi gỡ lỗi

Một biến phụ là tốt, không xấu

Các trình duyệt và công cụ khai thác JavaScript hiện đại tối ưu hóa mã đủ tốt, do đó, nó sẽ không tạo ra các vấn đề về hiệu suất. Sử dụng các biến khác nhau cho các giá trị khác nhau thậm chí có thể giúp công cụ tối ưu hóa mã của bạn

Làm cách nào để truy cập một biến trong JavaScript?

Bạn có thể gọi một biến?

Làm cách nào để gọi biến từ JavaScript sang HTML?

Lệnh nào được sử dụng để gọi một biến trong JavaScript?