Tiếp theo bài các câu lệnh trong Javascript, Thế giới JS tiếp tục share cho các bạn về các cú pháp cơ bản trong Javascript để các bạn dễ dàng hiểu để viết code Javascript dễ dàng nhất.
JavaScript là một ngôn ngữ lập trình máy tính nhẹ và năng động. Nó được sử dụng để tạo các trang động phía máy khách. Nó là một ngôn ngữ mã nguồn mở và đa nền tảng với các cú pháp khá đơn giản và dễ hiểu như các ngôn ngữ cơ bản C/C++, Java….
Trong bài này sẽ giới thiệu cho ae một cách đơn giản và đầy đủ nhất về cú pháp trong javascript, tuy nhiên về chi tiết hơn từng phần dưới đây sẽ được giới thiệu trong từng bài tiếp theo trong series này nha.
1.Cú pháp cơ bản:
document.write("vpsus - Basic Print method in JavaScript");
Cú pháp JavaScript đề cập đến tập hợp các quy tắc xác định cách các chương trình JavaScript được xây dựng:
// Variable declaration var c, d, e; // Assign value to the variable c = 5; // Computer value of variables d = c; e = c/d;
2.Biến trong JavaScript:
Biến trong JavaScript là tên đơn giản của vị trí lưu trữ nơi dữ liệu sẽ được lưu trữ. Có hai loại biến trong JavaScript được liệt kê dưới đây:
- Biến cục bộ: Khai báo một biến bên trong khối hoặc hàm.
- Biến toàn cục: Khai báo một biến bên ngoài hàm hoặc với một đối tượng cửa sổ.
Thí dụ:
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // Declare a variable and initialize it // Global variable declaration var Name="vpsus.vn"; // Function definition function MyFunction() { // Local variable declaration var num = 45; // Display the value of Global variable document.writeln(Name); // Display the value of local variable document.writeln("<br>" + num ); } // Function call MyFunction();
Đầu ra:
vpsus.vn 45
3.Toán tử JavaScript :
Toán tử JavaScript là các ký hiệu được sử dụng để tính toán giá trị hay nói cách khác là chúng ta có thể thực hiện các thao tác trên toán hạng. Toán tử số học ( +, -, *, / ) được sử dụng để tính giá trị và Toán tử gán ( =, +=, %= ) được sử dụng để gán giá trị cho biến.
Thí dụ:
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // Variable Declarations var x, y, sum; // Assign value to the variables x = 4; y = 23; // Use arithmetic operator to // add two numbers sum = x + y; document.write(sum);
Đầu ra:
27
4.Biểu thức JavaScript:
Biểu thức là sự kết hợp của các giá trị, toán tử và biến. Nó được sử dụng để tính toán các giá trị.
Thí dụ:
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // Variable Declarations var x, num, sum; // Assign value to the variables x = 30; y = 30 // Expression to divide a number num = x / 2; // Expression to add two numbers sum = x + y; document.write(num + "<br>" + sum);
Đầu ra:
15 60
5.Từ khóa trong JavaScript:
Từ khóa là những từ dành riêng có ý nghĩa đặc biệt trong JavaScript và developer không được dùng nó để đặt tên riêng trong code của mình.
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // var is the keyword used to define the variable var a, b; // function is the keyword which tells the browser to create a function function WKC(){};
6.Nhận xét(Comment) trong JavaScript:
Trình biên dịch JavaScript bỏ qua các nhận xét. Nó làm tăng khả năng đọc code. Nó thêm gợi ý, Thông tin và cảnh báo về code. Bất kỳ nội dung nào được viết sau dấu gạch chéo kép // (bình luận một dòng) hoặc giữa /* và */ (bình luận nhiều dòng) đều được coi là bình luận và bị trình biên dịch JavaScript bỏ qua.
Thí dụ:
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // Variable Declarations var x, num, sum; // Assign value to the variables x = 30; y = 30 /* Expression to add two numbers */ sum = x + y; document.write(sum);
7. Các kiểu dữ liệu trong JavaScript:
JavaScript cung cấp các kiểu dữ liệu khác nhau để giữ các giá trị khác nhau trên biến. JavaScript là một ngôn ngữ lập trình động, có nghĩa là không cần chỉ định loại biến. Có hai loại kiểu dữ liệu trong JavaScript.
- Kiểu dữ liệu nguyên thủy
- Kiểu dữ liệu không nguyên thủy (tham chiếu)
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // It store string data type var txt = "vpsus.dev"; // It store integer data type var a = 5; var b = 5; // It store Boolean data type (a == b ) // To check Strictly (i.e. Whether the datatypes of both variables are same) === is used (a===b)---> returns true to the console // It store array data type var places= ["vps", "Computers", "Hello"]; // It store object data (objects are represented in the below way mainly) var Student = { firstName:"DavidHo", lastName:"A", age:35, mark:"blueZYX"}
8.Các hàm trong JavaScript:
Các hàm trong JavaScript là các khối code được sử dụng để thực hiện một số thao tác cụ thể. Hàm trong JavaScript được thực thi khi có thứ gì đó gọi nó. Nó gọi nhiều lần để hàm có thể tái sử dụng.
Cú pháp:
function functionName( par1, par2, ....., parn ) { // Function code }
Hàm JavaScript có thể chứa 0 hoặc nhiều đối số.
Thí dụ:
// https://vpsus.vn/ // https://www.facebook.com/groups/893052378563701 // https://twitter.com/thegioijs // Function definition function func() { // Declare a variable var num = 99; // Display the result document.writeln(num); } // Function call func();
Đầu ra:
99
Tiếp theo, hãy cùng Thế giới JS tìm hiểu thêm các kiến thức về Javascript trong các bài tiếp theo trong series học miễn phí Javascript từ cơ bản tới nâng cao.
Nếu bạn cảm thấy hữu ích và yêu thích Thế giới JS, hãy tham gia và theo dõi chúng tôi để nhận thêm nhiều kiến thức MIỄN PHÍ hơn nữa nhé:
Share to learn more than!