Biến trong JavaScript
Học Javascript bắt đầu với Hello, World
Tự làm quen với các bài tập và gửi đoạn code đầu tiên của bạn bằng cách hoàn thành bài đầu tiên "Hello, World!".
Luyện tập
Biến trong JavaScript

4 cách để khai báo một biến JavaScript:

  • Sử dụng var
  • Sử dụng let
  • Sử dụng const
  • Không dùng gì
Biến là gì?
  • Biến là nơi chứa dữ liệu (lưu trữ giá trị dữ liệu).
  • Trong ví dụ này, xyz, là các biến, được khai báo với var từ khóa:
Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Khi nào nên sử dụng Javascript var
  • Luôn khai báo các biến JavaScript với varlet hoặc const.
  • Từ var khóa được sử dụng trong tất cả mã JavaScript từ năm 1995 đến 2015.
  • Từ khóa letconst đã được thêm vào JavaScript vào năm 2015.
  • Nếu bạn muốn mã của mình chạy trong các trình duyệt cũ hơn, bạn phải sử dụng var.
Khi nào nên sử dụng Javascript const
  • Nếu bạn muốn có một quy tắc chung: luôn khai báo các biến có phần mở rộng const.
  • Nếu bạn cho rằng giá trị của biến có thể thay đổi, hãy sử dụng let.
  • Trong ví dụ này, price1price2total, là các biến:
  • Hai biến price1price2 được khai báo với const từ khóa.
  • Đây là những giá trị không đổi và không thể thay đổi.
  • Biến total được khai báo với let từ khóa.
  • Đây là một giá trị có thể thay đổi được.
Ví dụ
HTML Iframe
Biểu thức toán học
  • Cũng giống như trong đại số, các biến giữ giá trị: let x = 5; let y = 6;
  • Cũng giống như trong đại số, biến được sử dụng trong biểu thức: let z = x + y;
  • Từ ví dụ trên, bạn có thể đoán rằng tổng số được tính là 11.

Ghi chú: Các biến là các thùng chứa để lưu trữ các giá trị.

Định danh Javascript
  • Tất cả các biến JavaScript phải được xác định bằng các tên duy nhất .
  • Những tên duy nhất này được gọi là định danh .
  • Mã định danh có thể là tên ngắn (như x và y) hoặc tên mô tả nhiều hơn (tuổi, tổng, tổng số lượng).

Các quy tắc chung để xây dựng tên cho các biến (số nhận dạng duy nhất) là:

  • Tên có thể chứa các chữ cái, chữ số, dấu gạch dưới và ký hiệu đô la.
  • Tên phải bắt đầu bằng một chữ cái.
  • Tên cũng có thể bắt đầu bằng $ và _ (nhưng chúng tôi sẽ không sử dụng nó trong hướng dẫn này).
  • Tên phân biệt chữ hoa chữ thường (y và Y là các biến khác nhau).
  • Không thể sử dụng các từ dành riêng (như từ khóa JavaScript) làm tên.

Ghi chú: Số nhận dạng JavaScript phân biệt chữ hoa chữ thường.

Toán tử gán
  • Trong JavaScript, dấu bằng (=) là toán tử "gán", không phải toán tử "bằng".
  • Điều này khác với đại số. Điều sau đây không có ý nghĩa trong đại số: x = x + 5
  • Tuy nhiên, trong JavaScript, nó hoàn toàn hợp lý: nó gán giá trị của x + 5 cho x. (Nó tính toán giá trị của x + 5 và đặt kết quả vào x. Giá trị của x được tăng thêm 5.)

Ghi chú: Toán tử "bằng" được viết giống như == trong JavaScript.

Các kiểu dữ liệu Javascript
  • Các biến JavaScript có thể chứa các số như 100 và các giá trị văn bản như "John Doe".
  • Trong lập trình, giá trị văn bản được gọi là chuỗi văn bản.
  • JavaScript có thể xử lý nhiều loại dữ liệu, nhưng hiện tại, hãy chỉ nghĩ đến các số và chuỗi.
  • Các chuỗi được viết bên trong dấu nháy kép hoặc dấu nháy đơn. Các số được viết mà không có dấu ngoặc kép.
  • Nếu bạn đặt một số trong dấu ngoặc kép, nó sẽ được coi là một chuỗi văn bản.
Ví dụ
HTML Iframe
Khai báo một biến JavaScript
  • Tạo một biến trong JavaScript được gọi là "khai báo" một biến.
  • Bạn khai báo một biến JavaScript với từ khóa var hoặc let: var carName; let carName;
  • Sau khi khai báo, biến không có giá trị (về mặt kỹ thuật là undefined).
  • Để gán giá trị cho biến, hãy sử dụng dấu bằng: carName = "Volvo";
  • Bạn cũng có thể gán giá trị cho biến khi khai báo: let carName = "Volvo";
  • Trong ví dụ bên dưới, chúng ta tạo một biến có tên carName và gán giá trị "Volvo" cho nó.
  • Sau đó, chúng tôi "xuất" giá trị bên trong một đoạn HTML với id="demo":

Ghi chú: Đó là một thực hành lập trình tốt để khai báo tất cả các biến ở đầu tập lệnh.

Ví dụ
HTML Iframe
Một tuyên bố, nhiều biến
  • Bạn có thể khai báo nhiều biến trong một câu lệnh.
  • Bắt đầu câu lệnh bằng let và phân tách các biến bằng dấu phẩy.
Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Giá trị bằng không xác định
  • Trong các chương trình máy tính, các biến thường được khai báo mà không có giá trị. Giá trị có thể là thứ phải được tính toán hoặc thứ gì đó sẽ được cung cấp sau này, chẳng hạn như đầu vào của người dùng.
  • Một biến được khai báo không có giá trị sẽ có giá trị undefined.
  • Biến carName sẽ có giá trị undefinedsau khi thực hiện câu lệnh này:
Ví dụ
HTML Iframe
Khai báo lại các biến Javascript
  • Nếu bạn khai báo lại một biến JavaScript được khai báo bằng var, thì biến đó sẽ không bị mất giá trị.
  • Biến carName sẽ vẫn có giá trị "Volvo" sau khi thực hiện các câu lệnh sau:

Ghi chú: Bạn không thể khai báo lại một biến được khai báo bằng let hoặc const.

Điều này sẽ không hoạt động:

let carName = "Volvo";
let carName;
Ví dụ
HTML Iframe
Số học Javascript

    Cũng như đại số, bạn có thể thực hiện phép tính số học với các biến JavaScript, sử dụng các toán tử như =và +:

 

Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Ví dụ
HTML Iframe
Ký hiệu đô la JavaScript ($)
  • Vì JavaScript coi ký hiệu đô la là một chữ cái, nên các mã định danh có chứa $ là các tên biến hợp lệ:
  • Việc sử dụng ký hiệu đô la không phổ biến lắm trong JavaScript, nhưng các lập trình viên chuyên nghiệp thường sử dụng nó làm bí danh cho hàm chính trong thư viện JavaScript.
  • Ví dụ, trong thư viện JavaScript jQuery, chức năng chính $được sử dụng để chọn các phần tử HTML. Trong jQuery $("p");có nghĩa là "chọn tất cả các phần tử p".
Ví dụ
HTML Iframe
Dấu gạch dưới JavaScript (_)

    Vì JavaScript coi dấu gạch dưới là một chữ cái nên các mã định danh có chứa _ là các tên biến hợp lệ:

Ví dụ
HTML Iframe
Một số bài viết liên quan
Devsne VN 6538 lượt xem

Vanilla JS: Ẩn hiện mật khẩu

Devsne VN 1145 lượt xem

Cách dùng localization trong JS với project Laravel (Part 1)

Devsne VN 10080 lượt xem

Hướng dẫn triển khai ứng dụng ReactJs lên Firebase chỉ trong vài phút

Devsne VN 7290 lượt xem

[EJS] Bài 7 - Viết Code Xây Dựng Giao Diện Blog (Tiếp Theo)

Devsne VN 5615 lượt xem

Tích hợp đáp ứng (Responsive) trong Three.js

Devsne VN 1888 lượt xem

Xây dựng một project React Js cơ bản với Webpack và Babel - Part 1

Devsne VN 9383 lượt xem

[HTML + CSS + JS] Viết Code Cho 1001 Dropdown Đơn Giản

Devsne VN 1281 lượt xem

Cùng học Vuejs (P1)

Devsne VN 8346 lượt xem

Conditional rendering in ReactJs

Devsne VN 4180 lượt xem

Vue.js vs jQuery: Cách dùng và so sánh qua ví dụ

Mục lục
Biến trong JavaScript
Biến là gì?
Ví dụ
Ví dụ
Ví dụ
Khi nào nên sử dụng Javascript var
Khi nào nên sử dụng Javascript const
Ví dụ
Biểu thức toán học
Định danh Javascript
Toán tử gán
Các kiểu dữ liệu Javascript
Ví dụ
Khai báo một biến JavaScript
Ví dụ
Một tuyên bố, nhiều biến
Ví dụ
Ví dụ
Giá trị bằng không xác định
Ví dụ
Khai báo lại các biến Javascript
Ví dụ
Số học Javascript
Ví dụ
Ví dụ
Ví dụ
Ký hiệu đô la JavaScript ($)
Ví dụ
Dấu gạch dưới JavaScript (_)
Ví dụ