IMG-LOGO
×

Tài Liệu Học

Khoá học lập trình Javascript

Khai báo biến & hàm mặc định trong Javascript

[Video] Tạo dự án JS đầu tiên - Lập Trình JS [Video] Khai báo biến - toán tử - Lập Trình JavaScript [Video] Các hàm sẵn có trong js - Khoá Học Lập Trình JS

Mệnh đề điều kiện

[Video] Cấu trúc điều kiện if else switch - Lập trình Javascript

Vòng lặp for, while, do..while

[Video] Tìm hiểu vòng lặp for, while, do .. while trong Javascript

Array & Function & Object

[Video] Tìm hiểu Function trong Javascript [Video] Tìm hiểu Array trong Javascript [Video] Khai báo Object trong Javascript [Video] Gửi giữ liệu qua các trang html bằng javascript - HTML/CSS [Video] Bài tập - ôn tập mảng - quản lý sinh viên - Lập trình Javascript [Video] Khai báo function trong Object - Lập trình Javascript [Video] Tìm hiểu function trong string - Lập trình Javascript

Xử lý sự kiện & thao tác thẻ HTML

[Video] Event - Lập Trình JS [Video] Tương tác lên tags trong HTML bằng JS [Video] Thêm tags vào tags khác bằng javascript + ví du thêm sinh viên - lập trình JS [Video] Tương tác thẻ HTML bằng Javascript qua ví dụ đặt đơn hàng (Order Entry Form) [Video] Bài tập - Quản lý sản phẩm bằng javascript - lập trình javascript [Video] Quản lý sinh viên - Lập trình Javascript

Lưu trữ Javascript

[Video] Cookie - khoá học lập trình JavaScript [Video] Localstorage - Khoá học lập trình JavaScript [Video] Lưu trữ thông tin sinh viên bằng LocalStorage - Lập trình Javascript

Examination & Ôn Tập Tổng Quát

1000 Bài tập JavaScript - Lập Trình JavaScript




Trang Chủ Học JS JavaScript Syntax - Cú pháp JavaScript

JavaScript Syntax - Cú pháp JavaScript

by GokiSoft.Com - 09:56 20/05/2020 2,135 Lượt Xem

Cú pháp JavaScript là một bộ các quy tắc, là cách mà chương trình JavaScript được xây dựng:

var x, y, z;       // How to declare variables
x = 5; y = 6;      // How to assign values
z = x + y;         // How to compute values



Giá trị trong JavaScript(JavaScript Values) 


Các cú pháp được định nghĩa theo hai loại giá trị: Các giá trị cố định(fixed) và các giá trị biến.

Các giá trị cố định được gọi là literals. Các giá trị biến được gọi là các biến (variables)



JavaScript Literals


Quy tắc quan trọng nhất để viết các giá trị cố định là:

Các số được viết cùng hay không cùng phần thập phân:


10.50

1001
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Numbers</h2>

<p>Number can be written with or without decimals.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 10.50;
</script>

</body>
</html>

 Các chuỗi là văn bản, viết trong nháy đơn hoặc kép:

"John Doe"

'John Doe'
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Strings</h2>

<p>Strings can be written with double or single quotes.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>

</body>
</html>



Các biến trong JavaScript(JavaScript Variables)


Trong một ngôn ngữ lập trình, các biến được dùng để lưu trữ giá trị.

JavaScript sử dụng từ khóa  var để khai báo biến.

Dấu bằng được dùng để gán giá trị cho các biến.

Trong ví dụ này, x được định nghĩa là một biến. Sau đó, x được gán(đưa cho) giá trị 6:

var x;

x = 6;
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Variables</h2>

<p>In this example, x is defined as a variable.
Then, x is assigned the value of 6:</p>

<p id="demo"></p>

<script>
var x;
x = 6;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>



Các toán tử trong JavaScript(JavaScript Operators)


JavaScript thường xuyên dùng những toán tử số học  ( + - * / ) để tính toán giá trị:

(5 + 6) * 10
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Operators</h2>

<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

JavaScript thường dùng toán tử gán  ( = ) để gán giá trị vào các biến:

var x, y;
x = 5;
y = 6;
<!DOCTYPE html>
<html>
<body>

<h2>Assigning JavaScript Values</h2>

<p>In JavaScript the = operator is used to assign values to variables.</p>

<p id="demo"></p>

<script>
var x, y;
x = 5;
y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>

</body>
</html>



Các biểu thức trong JavaScript(JavaScript Expressions)


Một biểu thức là sự kết hợp của các giá trị, biến, và toán tử, thứ mà có thể tính toán thành một giá trị.

Sự tính toán được gọi là ước tính.

Ví dụ, 5 * 10 ước tính đến 50:

5 * 10
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>

</body>
</html>

Các giá trị có thể có nhiều loại, như các số và các chuỗi.

Ví dụ,"John" + " " + "Doe", ước tính thành "John Doe":

"John" + " " + "Doe"
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Expressions</h2>

<p>Expressions compute to values.</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "John" + " "  + "Doe";
</script>

</body>
</html>



Từ khóa trong JavaScript(JavaScript Keywords)


Từ khóa JavaScript được dùng để định danh hành động sẽ được thực hiện.

Từ khóa  var bảo trình duyệt tạo các biến đi:

var x, y;
x = 5 + 6;
y = x * 10;
<!DOCTYPE html>
<html>
<body>

<h2>The var Keyword Creates Variables</h2>

<p id="demo"></p>

<script>
var x, y;
x = 5 + 6;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>



Các chú thích trong JavaScript(JavaScript Comments)


Không phải toàn bộ những câu lệnh JavaScipt đều được "thực thi".

Code sau đôi dấu gạch chéo  // hoặc ở giữa  /* và  */ được xem như là một chú thích.

Các chú thích thường bị bỏ qua, và sẽ không được thực thi:

var x = 5;   // I will be executed

// var x = 6;   I will NOT be executed
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Comments are NOT Executed</h2>

<p id="demo"></p>

<script>
var x;
x = 5;
// x = 6; I will not be executed
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>


Tip: Bạn sẽ học nhiều hơn về chú thích trong chương sau.



Các định danh trong JavaScipt(JavaScript Identifiers)


Các định danh là các tên.

Trong JavaScript, các định danh thường được dùng để đặt tên các biến(và các từ khóa, và các hành, và các nhãn dán).

Quy tắc cho các tên hợp lệ là rất giống với hầu hết các ngôn ngữ lập trình.

Trong JavaScript, kí tự đầu phải là chữ cái, hoặc một dấu gạch dưỡi(_), hoặc dấu đô la($).

Các kí tự kế tiếp có thể là các chữ cái, các kí tự, các dấu gạch dưới, hoặc các dấu đô la.

Tip: Các số không được cho phép dùng làm kí tự đầu tiên.

Bằng cách này JavaScript có thể dễ dàng phân biệt các định danh từ các chữ số.



JavaScript là ngôn ngữ phân biệt hoa thường


Tất cả các định danh JavaScript là phân biệt hoa thường.

Các biến  lastName và  lastname,là  hai biến khác nhau:

var lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
<!DOCTYPE html>
<html>
<body>

<h2>JavaScript is Case Sensitive</h2>

<p>Try change lastName to lastname.</p>

<p id="demo"></p>

<script>
var lastname, lastName;
lastName = "Doe";
lastname = "Peterson";
document.getElementById("demo").innerHTML = lastName;
</script>

</body>
</html>


JavaScript không dịch VAR hay Var như từ khóa var.



JavaScript và Camel Case


Trong lịch sử, các lập trình viên đã dùng nhiều cách khác nhau trong việc ghép nhiều từ vào trong một tên biến:

Dấu gạch ngang:

first-name, last-name, master-card, inter-city.

Tip: Các dấu gạch ngang không được cho phép dùng trong JavaScript. Chúng được dành riêng cho các phép trừ.

Gạch dưới:

first_name, last_name, master_card, inter_city.

Camel Case viết hoa(Pascal Case):

FirstName, LastName, MasterCard, InterCity.


Camel Case viết thường:

Các lập trình viên có xu hướng sử dụng camel case bắt đầu với chữ cái viết thường:

firstName, lastName, masterCard, interCity.



Bộ kí tự JavaScript


JavaScript thường dùng những bộ kí tự Unicode.

Unicode bao gồm (hầu hết) toàn bộ các kí tự, dấu câu, và các biểu tượng trên thế giới.



Bình luận



Chia sẻ từ lớp học

Phân Loại Bài Viết

Tài Liệu Tham Khảo

Đã sao chép!!!