Cách thêm ba biến trong JavaScript

Chương trình trên yêu cầu người dùng nhập hai số. Ở đây, prompt[] được sử dụng để lấy thông tin đầu vào từ người dùng. parseInt[] được sử dụng để chuyển đổi chuỗi đầu vào của người dùng thành số

const num1 = parseInt[prompt['Enter the first number ']];
const num2 = parseInt[prompt['Enter the second number ']];

Sau đó, tổng của các số được tính

const sum = num1 + num2;

Cuối cùng, tổng được hiển thị. Để hiển thị kết quả, chúng tôi đã sử dụng mẫu chữ

The sum of 5 and 3 is: 8

0. Điều này cho phép chúng tôi bao gồm các biến bên trong chuỗi

console.log[`The sum of ${num1} and ${num2} is ${sum}`];

Để bao gồm các biến bên trong

The sum of 5 and 3 is: 8

1, bạn cần sử dụng định dạng

The sum of 5 and 3 is: 8

2

Ghi chú. Mẫu chữ đã được giới thiệu trong ES6 và một số trình duyệt có thể không hỗ trợ chúng. Để tìm hiểu thêm, hãy truy cập, hỗ trợ

Biến là nơi chứa một giá trị, chẳng hạn như một chuỗi hoặc một số mà chúng ta có thể sử dụng trong một câu lệnh hoặc một phần của tổng

var

Quay lại khi JavaScript được tạo lần đầu tiên, đây là cách duy nhất để khai báo biến
Khi khai báo các biến trong các phiên bản JavaScript cũ hơn, từ khóa var đã được sử dụng thay vì let

var name = “Andrew”;

Phương pháp khai báo biến hiện tại, let, có một số lợi ích so với var
Chẳng hạn, var cho phép khai báo lại các biến có cùng tên, trong khi let tạo ra lỗi

Nên sử dụng let thay vì var khi khai báo biến

cho phép

Từ khóa let đã được giới thiệu trong ES6 [2015]. Một biến phạm vi khối trong JavaScript được khai báo bằng từ khóa let. Các biến được xác định bằng từ khóa let được đặt trong phạm vi khối trái ngược với các biến được khai báo bằng từ khóa var, thường được sử dụng để khai báo một biến trong JavaScript và được xử lý như một biến tiêu chuẩn

Các biến được tạo bằng từ khóa let như thế này. Tạo một biến trong JavaScript được gọi là “khai báo” một biến

let name;

tên là tên của biến

Sau khi tạo biến, chúng ta có thể khởi tạo nó với một giá trị

________số 8_______

Dấu bằng [=] được sử dụng để gán giá trị cho biến của chúng ta

Chúng ta cũng có thể gán cho biến của mình một giá trị trong quá trình tạo, như thế này

let name = 'Tom';
let age = 34;

Hãy nhớ rằng chúng ta cần đặt các giá trị văn bản trong dấu ngoặc kép

Sau khi khởi tạo một biến, chúng ta có thể xuất giá trị của nó, sử dụng một phương thức gọi là console. đăng nhập

let name = 'Tom';
console.log[name];

Các biến có thể thay đổi giá trị trong suốt chương trình

let age = 34;
age = 24;
console.log[age];

Cập nhật giá trị của một biến có thể được thực hiện nhiều lần nếu cần

hăng sô

Từ khóa const đã được giới thiệu trong ES6 [2015]. Hằng giống như biến và được khai báo bằng từ khóa const

const color = 'green';
console.log[color];

Các hằng phải có một giá trị khi được khai báo và chúng không thể thay đổi giá trị của chúng

Các hằng số rất hữu ích. Nếu bạn sử dụng const, nó sẽ cho bất kỳ ai đang xem mã của bạn biết rằng tên này sẽ không bao giờ được gán cho một giá trị khác

Những điều cần lưu ý về hằng số

• Các biến được xác định bằng const không thể được khai báo lại
• Các biến được xác định bằng const không thể được gán lại
• Các biến được xác định bằng const có Phạm vi khối

đọc thêm

Nếu bạn muốn tìm hiểu thêm về các biến JavaScript, MDN Web Docs là một tài nguyên tuyệt vời – Lưu trữ thông tin bạn cần — Biến

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

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

…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

var message = 'Hello';

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ũ

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 tưởng tượng 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!';

message = 'World!'; // value changed

alert[message];

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

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ị là – ký hiệu đô la

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

0 và dấu gạch dưới

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

1 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 vấn đề

Các 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 , không thể được 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 trước đây, 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 các 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

Để 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 ____20_______1 để đảm bảo và truyền đạt rõ ràng sự thật đó cho mọi người

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
• Việc gõ nhầm

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

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

  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”

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 để thêm 3 biến trong JavaScript?

Làm cách nào để tính tổng 3 số trong JavaScript?

Làm cách nào để tạo 3 biến trong một câu lệnh trong JavaScript?

Làm cách nào để thêm nhiều biến trong JavaScript?