Tổng hợp kiến thức JavaScript cơ bản cho người mới bắt đầu

[Phong Nguyen Hoàng]

1. JavaScript thật sự là gì?

JavaScript (viết tắt là "js") là một ngôn ngữ lập trình mang đầy đủ tính năng của một ngôn ngữ động, được tích hợp và nhúng trong HTML giúp website sống động hơn. Cụ thể hơn, JavaScript có thể tính toán, thao tác, và phê duyệt dữ liệu cũng như cập nhật thay đổi cả HTML và CSS của trang web.

Ngoài việc ứng dụng trong lập trình các website thì JavaScript còn có thể sử dụng để xây dựng ứng dụng cho website máy chủ và ứng dụng di động, app và thậm chí cả game nữa nhé

Các bạn mới bắt đầu có thể luyện tập JavaScript ở các trang như w3schools, codecademy, JSFiddle, JS Bin

2. Các kiến thức cơ bản của JavaScript

2.1. Alert, console.log, comment

- Hàm alert()
Hàm alert() trong javascript có nhiệm vụ hiển thị ra màn hình một hộp thoại kèm theo nội dung do chúng ta setup.

Cú pháp:

Ví dụ: Thông báo ra màn hình chữ: 'hello'

Màn hình sẽ hiển thị ra như sau:

- Hàm console.log()
Trong JavaScript, hàm console.log() thường được sử dụng để debug, nó có nhiệm vụ show ra giá trị của tất cả các loại dữ liệu như number, integer, array, object, chính vì vậy khi muốn biết trong một biến đó có giá trị gì thì ta sẽ sử dụng hàm console.log().

Cú pháp:

Ví dụ:

- Comment
Có 2 kiểu comment trong JavaScript* như sau:

2.2. Variable

Biến cũng như một thùng chứa dùng để lưu trữ một giá trị dữ liệu

Có 7 kiểu biến cơ bản sau đây:

• String:
  

• Number:
  

• Boolean:
  Đối tượng Boolean trong JavaScript là một đối tượng đại diện cho giá trị trong hai trạng thái: true hoặc false
  

• Undefined:
  Undefined có nghĩa là không xác định. Khi bạn khai báo một biến mà không gán giá trị cho nó, giá trị của biến đó sẽ là undefined
  

• Null:
  Null có nghĩa là giá trị rỗng hoặc giá trị không tồn tại, nó có thể sử dụng để gán cho một biến như là một đại diện không có giá trị.
  

• Function:
  

• Object:
  Về mặt định nghĩa, một đối tượng (một object) là một danh sách các item, mỗi item là một cặp name-value, trong đó value có thể là: các kiểu dữ liệu cơ bản, function, hay cũng có thể là một object khác (kiểu dữ liệu phức hợp).
  

  Array cũng là một object

  

2.3. Function

• Function (hàm, chức năng), gọi chung là subprogram (chương trình con) có thể được gọi ở bên ngoài hoặc bên trong chính nó.

  

  Ví dụ:
  

• Function không có tham số và không trả về bất cứ giá trị gì.
  

• Function vô danh (Anonymous functions)

  Anonymous functions hay còn gọi là hàm ẩn danh, là một hàm được sinh ra đúng vào thời điểm chạy của chương trình. Thông thường khi bạn khai báo một hàm thì trình biên dịch sẽ lưu lại trong bộ nhớ nên bạn có thể gọi ở trên hay dưới vị trí khai báo hàm đều được, nhưng với anonymous functions thì nó sẽ được sinh ra khi trình biên dịch xử lý tới vị trí của nó.
  

• Function có một tham số và trả về một giá trị cụ thể

  

• Function self-invoking
  Đây là function có thể gọi chính nó

  

2.4. For, if, while

- if
Cú pháp:

Ví dụ: so sánh nếu 9 > 7 thì sẽ in ra True còn không thì sẽ in ra False

- for
Vòng lặp for trong javascript thường dùng để lặp một mảng hoặc một khoảng (min max) nào đó nhằm mục đích xử lý giải quyết vấn đề cho bài toán
Ví dụ:

Kết quả:

- while
Vòng lặp while và do while dùng để lặp với trường hợp tác không biết chính xác số lần lặp là bao nhiêu và trường hợp điều kiện dừng vòng lặp phức tạp, điều này hoàn toàn khác với vòng lặp for. Khi sử dụng vòng lặp while rất dễ bị lặp vô hạn nếu ban không xử lý đúng logic, vì thế hãy cẩn thận khi sử dụng nhé.

Cú pháp:

Ví dụ: Dùng vòng lặp while lặp từ 1 tới 10

2.5. Switch case

Lênh switch case có công dụng giống như lệnh if else đó là đều dùng để rẻ nhánh chương trình, ứng với mỗi nhánh sẽ có một điều kiện cụ thể và điều kiện đó phải sử dụng toán tử so sánh bằng, còn đối với lệnh if else thì bạn có thể truyền vào một mệnh đề bất kì và sử dụng nhiều toán tử khác nhau.

Cú pháp:

2.6. Array

Đối tượng Array trong javascript là một đối tượng toàn cục được dùng để xây dựng nên các mảng, là những đối tượng cấp cao và giống một dạng danh sách

- Tạo một Mảng

- Truy cập đến một phần tử của Mảng

- Thêm phần tử vào cuối Mảng

- Xóa phần tử ở vị trí cuối của Mảng

2.6. Object

- Khai báo một Object

- Gọi thuộc tính của một Object

3. Một số hàm cơ bản của JavaScript

3.1. Math

Đối tượng Math cung cấp cho bạn các thuộc tính và phương thức cho các hằng số và hàm toán học. Không giống các đối tượng Global khác, Math không là một constructor. Tất cả thuộc tính và phương thức của Math là tĩnh (Static) và có thể được gọi bởi sử dụng Math như là một đối tượng mà không phải tạo nó.

Ví dụ: tham chiếu hằng số pi

Các thuộc tính của Math:

Các phương thức của Math:

3.2. Array.slice()

Phương thức slice() trả về một bản sao tham chiếu (shalow copy) một phần của một mảng dưới dạng một mảng mới nhận các giá trị có chỉ số từ begin đến end (không bao gồm end). Mảng ban đầu không thay đổi

3.3. Array.filter()

Phương thức filter() dùng để tạo ra một mảng mới với tất cả các phần tử thỏa mãn điều kiện của một hàm test

Và trong JavaScript còn rất rất nhiều các hàm hay ho nữa đấy nhé

4. Tổng kết

Bài viết cũng đã dài rồi, vậy chúng ta đã biết thêm kha khá kiến thức về javascript rồi đấy nhé
Nếu có phản hồi gì, hãy đóng góp cho chúng mình ở phía bên dưới để chúng mình bổ sung để hoàn thiện hơn nha.
Còn bây giờ thì, xin chào và hẹn gặp lại ở các bài viết tiếp theo.