Tại sao các biến được sử dụng trong JavaScript?

Biến là một phần không thể thiếu của hầu hết mọi ngôn ngữ lập trình và thường là một trong những chủ đề đầu tiên bạn sẽ học khi bắt đầu viết mã. Các biến có thể được sử dụng để lưu trữ dữ liệu trong một chương trình, chẳng hạn như chuỗi, số, đối tượng JSON hoặc giá trị boolean

Trong JavaScript, có ba loại biến khác nhau.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 ,

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9. Mỗi biến này có một số quy tắc xung quanh cách chúng nên được sử dụng và có các đặc điểm khác nhau

Trong hướng dẫn này, chúng ta sẽ khám phá những điều cơ bản về biến trong JavaScript. Chúng ta sẽ thảo luận cách đặt tên biến JavaScript, khi nào bạn nên sử dụng biến

Your name is:
Alexander Smith

0

Your name is:
Alexander Smith

1 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9, đồng thời chúng ta sẽ khám phá cách cẩu và phạm vi ảnh hưởng đến biến

Tìm trận đấu Bootcamp của bạn

• Career Karma kết hợp bạn với các bootcamp công nghệ hàng đầu
• Truy cập học bổng độc quyền và các khóa học chuẩn bị

Chọn sở thích của bạn
Tên

Họ

Email

Điện thoại .

By continuing you agree to our Terms of Service and Privacy Policy , and you consent to receive offers and opportunities from Career Karma by telephone, text message, and email.

Biến JavaScript

Biến được dùng để lưu trữ giá trị dữ liệu. Ví dụ: một biến có thể được sử dụng để lưu trữ địa chỉ email của người dùng hoặc tên của họ. Trong JavaScript, một biến có thể chứa bất kỳ loại dữ liệu nào, chẳng hạn như chuỗi, boolean đúng hoặc sai, đối tượng hoặc số

Trước khi đặc tả ES6 được phát hành, có một cách để khai báo một biến trong JavaScript. var. Từ khóa

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 có thể được sử dụng để khai báo một biến có thể truy cập trong suốt chương trình và có thể thay đổi

Đây là một ví dụ về một biến được khai báo bằng cách sử dụng

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 trong JavaScript

________số 8

Biến của chúng tôi có thể được chia thành một vài thành phần

• var fullName = "Alexander Smith";
  
  console.log("Your name is:")
  console.log(fullName)

  7 được sử dụng để khai báo biến của chúng tôi

• Your name is:
  Alexander Smith

  6 là tên của biến của chúng tôi

• Your name is:
  Alexander Smith

  7 nói với chương trình của chúng ta rằng chúng ta muốn gán một giá trị cho biến của mình (giá trị này được gọi là

  Your name is:
  Alexander Smith

  8 )

• Your name is:
  Alexander Smith

  9 là giá trị mà biến của chúng ta sẽ lưu trữ

Bây giờ chúng ta đã hoàn thành việc tạo một biến trong JavaScript, chúng ta có thể sử dụng nó trong mã của mình. Đây là một ví dụ về chương trình JavaScript sử dụng biến của chúng tôi

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

mã của chúng tôi trả về

Your name is:
Alexander Smith

Để khai báo một biến không có giá trị, bạn có thể sử dụng mã

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

60, nhưng không cần gán. Đây là một ví dụ về một biến được khai báo không có giá trị

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

6

Sau đó, nếu chúng ta muốn gán giá trị cho biến của mình, chúng ta có thể sử dụng mã này

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8

Theo tùy chọn, chúng tôi có thể thêm

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 vào đầu bài tập của mình, như thế này

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

0

Bây giờ, nếu chúng tôi in

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

62 ra bàn điều khiển, chúng tôi sẽ nhận được phản hồi sau.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

63

Biến của chúng tôi có thể lưu trữ bất kỳ loại dữ liệu nào, như chúng tôi đã thảo luận trước đó. Dưới đây là ví dụ về một vài biến đã được gán các kiểu dữ liệu khác nhau

"Career Karma bước vào cuộc đời tôi khi tôi cần nó nhất và nhanh chóng giúp tôi phù hợp với bootcamp. Hai tháng sau khi tốt nghiệp, tôi đã tìm được công việc mơ ước phù hợp với giá trị và mục tiêu của mình trong cuộc sống. "

Venus, Kỹ sư phần mềm tại Rockbot

Find Your Bootcamp Match

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

3

Cách đặt tên biến JavaScript

Mỗi ngôn ngữ lập trình có các quy tắc riêng về cách đặt tên biến và JavaScript cũng không khác. Dưới đây là các quy tắc chính bạn nên tính đến khi đặt tên biến trong JavaScript

• Tên biến có thể chứa số, chữ cái, dấu gạch dưới (_) và ký hiệu đô la ($)
• Tên biến không được chứa ký tự khoảng trắng
• Tên biến có phân biệt chữ hoa chữ thường
• Tên biến không được chứa bất kỳ từ dành riêng hoặc từ khóa dành riêng nào (i. e.

  var fullName = "Alexander Smith";
  
  console.log("Your name is:")
  console.log(fullName)

  64 ,

  var fullName = "Alexander Smith";
  
  console.log("Your name is:")
  console.log(fullName)

  65 ,

  var fullName = "Alexander Smith";
  
  console.log("Your name is:")
  console.log(fullName)

  66 )
• Tên biến không được bắt đầu bằng số

Ngoài ra, JavaScript sử dụng trường hợp lạc đà để khai báo tên biến. Điều này đề cập đến việc viết từ đầu tiên của một biến bằng chữ thường, sau đó viết hoa mọi từ tiếp theo trong biến đó. Đây là một ví dụ về một biến được khai báo trong trường hợp lạc đà

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7

Nếu chúng ta chỉ có một từ trong biến của mình, thì mọi chữ cái phải ở dạng chữ thường

Hơn nữa, nếu bạn khai báo một biến bằng từ khóa

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9, thì mỗi chữ cái phải viết hoa

Mặc dù đây là rất nhiều thông tin để tìm hiểu, nhưng theo thời gian, bạn sẽ có thể tự nhiên tìm ra cách đặt tên cho các biến của mình. Tất cả những gì bạn cần làm là luyện tập

Biến Var, Let và Const

Có ba từ khóa khác nhau được sử dụng để khai báo một biến trong JavaScript. đó là.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 ,

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9

Dưới đây là bảng phân tích sự khác biệt giữa ba loại biến này

KeywordVariable ScopeResign?Redeclare?Hoist?varFunctionYesYesconsconstBlockYesNoNoletBlockNoNoNo

Sau đây là các quy tắc chung để sử dụng các loại biến này

1. Sử dụng const càng nhiều càng tốt, trừ khi bạn cần khai báo lại hoặc kéo một biến
2. Sử dụng let nếu bạn đang làm việc với vòng lặp
3. Chỉ sử dụng var nếu
   1. Bạn đang làm việc trên mã kế thừa,
   2. Bạn cần một biến mà bạn có thể khai báo lại, hoặc
   3. Bạn cần một biến có thể truy cập ở mọi nơi trong chương trình (i. e. , toàn cầu)

Nếu bạn muốn tìm hiểu thêm về các loại biến này, hãy xem hướng dẫn của chúng tôi về cách sử dụng biến JavaScript

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 tại đây

Bảng này chứa rất nhiều thông tin, vì vậy hãy chia nhỏ từng điểm khác biệt chính giữa các loại biến này.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

82 ,

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

83 ,

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

84 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

85

Phạm vi

Phạm vi được sử dụng để chỉ nơi một biến có thể được truy cập trong một chương trình. Có hai phạm vi trong JavaScript.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

86 , là nơi một biến được khai báo bên ngoài một khối mã;

Đây là một ví dụ về biến toàn cục trong JavaScript

Your name is:
Alexander Smith

9

Biến này có thể được truy cập trong toàn bộ chương trình của chúng tôi. Vì vậy, nếu chúng ta muốn truy cập biến

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

88 của mình trong các hàm sau này, chúng ta có thể làm như vậy

Biến cục bộ được khai báo trong phạm vi của một khối mã nhất định. Để khai báo một biến cục bộ, bạn nên sử dụng

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9 , được cung cấp phạm vi khối. Đây là một ví dụ về

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 đang được sử dụng trong một chương trình

Your name is:
Alexander Smith

4

Mã của chúng tôi trả về như sau

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

0

Như bạn có thể thấy, bởi vì

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

02 bằng với

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

03 , chương trình của chúng ta sẽ chạy nội dung của câu lệnh

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

04. Vì vậy, chương trình của chúng tôi thay đổi giá trị của biến

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

05 thành

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

06 và in ra thông báo đầu tiên mà chúng tôi đã thấy ở trên

Nhưng sau khi câu lệnh

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

04 được thực thi, giá trị của

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

05 trả về

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

09 , được khai báo trong phạm vi toàn cầu khi bắt đầu chương trình của chúng tôi. Vì vậy, ở dòng mã cuối cùng, chương trình của chúng tôi in ra một thông báo yêu cầu chúng tôi ăn một muỗng kem vani, vì

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

05 đã được gán giá trị

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

09 trong phạm vi toàn cầu

Khai báo lại các biến

Trong JavaScript, chỉ có thể khai báo lại các biến

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7. Điều này có nghĩa là bạn có thể tạo một biến mới có cùng tên và giữ nguyên giá trị của nó hoặc gán cho biến một giá trị khác

Đây là một ví dụ về chương trình khai báo một biến có tên là

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

33 , sau đó khai báo lại biến đó

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

1

mã của chúng tôi trả về.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

34. Trong mã của chúng tôi, chúng tôi đã khai báo

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

33 hai lần. Mặc dù nó không hữu ích trong ví dụ trên, nhưng nếu chúng ta có một chương trình dài hơn, chúng ta có thể muốn khai báo lại một biến. Do đó, nếu chúng ta muốn khai báo lại một biến, chúng ta nên sử dụng

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 để khai báo nó

nâng biến

Trong JavaScript, một biến có thể được khai báo sau khi nó đã được sử dụng, điều đó có nghĩa là bạn có thể sử dụng một biến trước khi nó được khai báo. Hành vi này được gọi là cẩu

Hãy sử dụng một ví dụ để minh họa cách hoạt động của cẩu. Giả sử rằng chúng ta khai báo một biến có tên là

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

37 chứa danh sách tên sinh viên, nhưng chúng ta khai báo biến đó sau khi yêu cầu chương trình in nó

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

2

chương trình của chúng tôi trở lại

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

3

Nhưng nếu chúng ta cố gắng khai báo biến mà không có từ khóa

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7, chương trình của chúng ta sẽ trả về kết quả như sau

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

4

Điều này cho thấy cẩu đang hoạt động. Các biến có thể được khai báo sau khi chúng được tham chiếu bằng từ khóa

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7. Nói một cách đơn giản, chương trình của chúng tôi diễn giải ví dụ trên của chúng tôi như thế này

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

5

Không giống như các biến được khai báo bằng cách sử dụng

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 , các biến

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9 không thể được nâng lên. Đây là một ví dụ về chương trình sử dụng

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 để khai báo một biến

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

6

Khi mã của chúng tôi chạy, kết quả sau sẽ được trả về.

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

74. Khai báo

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

75 được đặt trong hàm của chúng ta, có nghĩa là nó có phạm vi cục bộ. Bởi vì chúng tôi sử dụng từ khóa

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8, biến của chúng tôi không được nâng lên

Tóm lại, các biến sử dụng

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 có thể được nâng lên, giúp lưu các khai báo biến trong bộ nhớ. Điều này có thể dẫn đến sự cố nếu bạn xác định và gán biến theo thứ tự sai

Tuy nhiên, các biến

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9 không tuân theo tính năng này, điều đó có nghĩa là một lỗi sẽ được trả về nếu bạn cố gắng khai báo một biến nhiều lần hoặc tham chiếu một biến chưa được khai báo trong phạm vi liên quan

Phần kết luận

Biến là một tính năng quan trọng của lập trình và được sử dụng để lưu trữ các giá trị dữ liệu. Trong bài viết này, chúng ta đã thảo luận về các khái niệm cơ bản về biến JavaScript và liệt kê các quy tắc cần tuân theo khi đặt tên biến

Chúng ta cũng đã thảo luận về ba loại biến chính trong JavaScript —

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

7 ,

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

8 và

var fullName = "Alexander Smith";

console.log("Your name is:")
console.log(fullName)

9 — và khám phá cách sử dụng chúng. Cuối cùng, chúng ta đã thảo luận về vai trò của phạm vi, khai báo lại các biến và nâng cấp trong các biến JavaScript

Biến hoạt động như thế nào trong JavaScript?

Có biến trong JavaScript không?

Mục đích của một biến trong HTML là gì?

Ba biến trong JavaScript là gì?