Hướng dẫn structure in javascript

Ở phần trước chúng ta đã cùng tìm hiểu về Javascript phần 1: Values, Types, and Operators JavaScript phần này chúng ta sẽ cùng tìm hiểu về Javascript phần 2: Program Structure trong javascript.

Expressions

Biểu thức là một chỉ dẫn để thực hiện một vài công việc và trả về một giá trị. Do đó, mỗi giá trị được viết trực tiếp [66, 'hello', true, NaN,...] là một biểu thức [expression]. Hay việc kết hợp những giá trị với toán tử [1 + 5, 'I' + ' love' + ' you', !false, ...] cũng là những biểu thức.

Biểu thức có thể đơn giản là những phép cộng, trừ,... Hoặc có thể là những công thức toán học, vật lý,... phức tạp. Và trong một biểu thức có thể chứa nhiều biểu thức con.

Statements

Một biểu thức hoàn chỉnh [tương ứng với một câu] được gọi là một câu lệnh [statement]. Chương trình thực chất là tập hợp của những câu lệnh. Trong hầu hết các ngôn ngữ lập trình, một câu lệnh thường được kết thúc bởi dấu chấm phẩy [; ]. JavaScript cũng vậy. Ngoài ra, JavaScript còn cho phép bạn bỏ qua dấu chấm phẩy. Khi đó, mỗi câu lệnh sẽ ở trên một dòng.

Theo tôi, tốt nhất là chúng ta nên sử dụng dấu chấm phẩy để kết thúc một câu lệnh. Điều này đảm bảo rằng chương trình của chúng ta hoạt động theo đúng ý muốn.

true;
1 + 2 * 4 % 3 - 6
'JavaScript ' + 'is ' + ' good';

Variables

Tôi đã đưa ra 3 ví dụ về câu lệnh. Các bạn thấy rằng, các câu lệnh được thực hiện. Nhưng chúng hoàn toàn vô nghĩa. Để giải quyết vấn đề này, JavaScript đưa ra khái niệm: biến số [variable]. Biến số dùng để lưu giữ giá trị. Qua đó, chúng ta có thể sử dụng giá trị này ở những nơi khác của chương trình.

Cách sử dụng biến số: var = ;

var isFriday = true;
var result = 1 + 2 * 4 % 3 - 6
var str = 'JavaScript ' + 'is ' + ' good';

Trong ví dụ trên, tôi sử dụng từ khoá [keyword] là var, theo sau là tên biến số [isFriday, result, str], toán tử gán [=] và cuối cùng là các biểu thức.

Sau khi đã khai báo như trên, chúng ta có thể sử dụng biến số trong biểu thức thay vì dùng giá trị:

var result = 1 + 2 * 4 % 3 - 6; // => result = -3;
var t = result * result;
console.log[t]; // => 9

Ngoài ra, sau khi bạn gán giá trị cho một biến số thì bạn vẫn có thể gán biến số đó với một giá trị khác.

var x = 5;
console.log[x]; // => 5
x = 10; 
console.log[x]; // => 10

Keywords & reserved words

keywords là những từ mang ý nghĩa đặc biệt. Từ var là một từ khoá. Từ khoá var theo sau nó sẽ là một biến số [var là viết tắt của variable]. Reserved words là những từ sẽ được dùng làm từ khoá cho những phiên bản sau của JavaScript. Bạn sẽ không thể sử dụng từ khoá hay từ dự trữ để đặt tên cho biến số.

Danh sách những từ khoá và những từ dự trữ:

break case catch class const continue debugger default delete do else enum export extends false finally for function if implements import in instanceof interface let new null package private protected public return static super switch this throw true try typeof var void while with yield Mỗi từ khoá sẽ mang một ý nghĩa khác nhau. Và tôi sẽ giới thiệu chúng trong những bài viết sau.

Binding names

JavaScript có những quy tắc đặt tên cho biến số như sau: Bắt đầu bằng chữ cái, dấu gạch dưới [_] hoặc kí tự "đô la" [$] Sau kí tự đầu tiên, ngoài những kí tự trên, bạn có thể sử dụng thêm số [number] Không sử dụng từ khoá và từ dự trữ Ví dụ những tên hợp lệ:

var temp = 100;
var _result3 = 10;
var $_$ = 'hehehe';
var I_AM_HUNGRY = true;
var dientichao = 999;
Ví dụ những tên không hợp lệ:
var point% = 50;       // sử dụng kí tự đặc biệt %
var 2you = 'passtion'; // bắt đầu bằng số
var null = 'oh no';    // sử dụng từ khoá

Trong ví dụ về cách đặt tên hợp lệ, tôi có một ví dụ là: var dientichao = 999. Về nguyên tắc, cách đặt tên này không sai. Tuy nhiên, khi nhìn vào tên này, có thể bạn sẽ phải mất vài giây để dịch ra ý nghĩa của nó là: diện tích ao. [ví dụ hơi không liên quan một tí]

Control flow

Khi chương trình của bạn có nhiều hơn một thông báo, các báo cáo được thực hiện, dự đoán, từ trên xuống dưới. Như một ví dụ cơ bản, chương trình này có hai câu. Hàm số chuyển đổi một giá trị cho một số. Chúng ta cần chuyển đổi mà vì kết quả nhanh chóng là một chuỗi giá trị, và chúng tôi muốn có một số. Có chức năng tương tự được gọi là chuỗi và Boolean chuyển đổi giá trị để các loại.

Conditional execution

Thực hiện báo cáo theo thứ tự đường thẳng không phải là lựa chọn duy nhất chúng ta có. Một cách khác là điều kiện thực hiện, nơi mà chúng tôi lựa chọn giữa hai con đường khác nhau dựa trên một giá trị Boolean. Điều kiện thực hiện được viết với nếu từ khóa trong JavaScript. Trong trường hợp đơn giản, chúng tôi chỉ muốn có một số mã được thực hiện khi và chỉ khi, một điều kiện nhất định nắm giữ. Ví dụ, trong các chương trình trước đây, chúng ta có thể muốn hiển thị các hình vuông của các đầu vào chỉ khi đầu vào thực sự là một con số.

theNumber = Number[prompt["Pick a number", ""]];
alert["Your number is the square root of " +
      theNumber * theNumber];

Các từ khóa nếu thực hiện hoặc bỏ qua một tuyên bố tùy thuộc vào giá trị của một biểu thức Boolean. Các biểu hiện quyết định được viết sau từ khóa, giữa dấu ngoặc đơn, sau đó là tuyên bố để thực thi.

Hàm isNaN chức năng là một hàm JavaScript chuẩn mà trả về đúng chỉ khi tham số đó được cho là NaN. Các số chức năng sẽ xảy ra để trả lại NaN khi bạn cung cấp cho nó một chuỗi mà không đại diện cho một số hợp lệ.

Bạn sẽ thường xuyên không chỉ có mã thực thi khi một điều kiện đúng, nhưng cũng đang xử lý các trường hợp khác. Con đường thay thế này được đại diện bởi các mũi tên thứ hai trong biểu đồ. Các khác từ khóa có thể được sử dụng, cùng với nếu, để tạo ra hai riêng biệt, đường dẫn thực thi thay thế.

var theNumber = Number[prompt["Pick a number", ""]];
if [!isNaN[theNumber]]
  alert["Your number is the square root of " +
        theNumber * theNumber];
else
  alert["Hey. Why didn't you give me a number?"];

Nếu chúng tôi có hơn hai con đường để lựa chọn, nhiều nếu / khác cặp có thể được "xích" lại với nhau. Dưới đây là một ví dụ:

var num = Number[prompt["Pick a number", "0"]];
      if [num 

Chủ Đề