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 Smith0
Your name is: Alexander Smith1 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ị
Tên
Họ
Đ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ôiYour name is: Alexander Smith
6 là tên của biến của chúng tôiYour 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 Matchvar 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?varFunctionYesYesconsconstBlockYesNoNoletBlockNoNoNoSau đây là các quy tắc chung để sử dụng các loại biến này
- 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
- Sử dụng let nếu bạn đang làm việc với vòng lặp
- Chỉ sử dụng var nếu
- Bạn đang làm việc trên mã kế thừa,
- Bạn cần một biến mà bạn có thể khai báo lại, hoặc
- 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. ________ 182 , ________ 183 , ________ 184 và ________ 185
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 Smith9
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 Smith4
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
Sự 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