you dont know js.vi

You don't know JS (Tiếng Việt) — Khởi đầu - Chương 1: Hiểu lập trình Q trình dịch khơng tránh sai sót, bạn có phát xin phản hồi giúp tơi, khơng kệ ln :)) Tơi biết ban đầu có đoạn dịch lủng củng, hứa dịch ngày dễ đọc Code Một chương trình, thường gọi source code code, tập hợp hướng dẫn để yêu cầu máy tính cần xử lý nhiệm vụ Thơng thường, code lưu dạng file văn bản, với js bạn gõ code trực tiếp lên console trình duyệt Các nguyên tắc định dạng hợp lệ kết hợp hướng dẫn gọi ngơn ngữ máy tính, hay cịn gọi cú pháp, tương tự ngôn ngữ giao tiếp cho bạn cách đọc từ tạo câu cách sử dụng từ dấu câu Các câu lệnh (Statements) Trong ngơn ngữ máy tính, nhóm từ, số, cách thức thực thi nhiệm vụ cụ thể gọi câu lệnh Trong JS, câu lệnh sau: a = b * 2; Ký tự a b biến (variable), giống hộp, bạn lưu trữ đồ vật Trong lập trình, biến giữ giá trị (ví dụ số 42) chương trình sử dụng Về mặt tương phản, số 2 thân giá trị, gọi giá trị ký tự (literal value), độc lập khơng lưu trữ biến Dấu = * tốn tử (operators) (xem "Tốn tử") thực thi hành động với giá trị biến phân cơng phép tốn nhân Hầu hết câu lệnh JS kết thúc dấu chấm phẩy (;) cuối câu Lệnh a = b * 2; báo cho máy tính giá trị lưu trữ biến b, nhân giá trị với 2, sau lưu kết lại vào biến khác gọi a Lập trình tương tự sưu tập nhiều câu lệnh mô tả tất bước để thực thi mục đích lập trình Biểu thức (Expressions) Các câu lệnh tạo thành từ hay nhiều biểu thức Một biểu thức tham chiếu biến giá trị, tập hợp giá trị biến kết hợp thành tốn tử Ví dụ: a = b * 2; Câu lệnh có biểu thức bên nó: ● 2 giá trị biểu thức trực kiện ● b giá trị biểu thức, có nghĩa lấy giá trị biểu thức toán học, nghĩa làm phép nhân ● b * 2 ● a = b * 2 biểu thức gán, nghĩa gán kết biểu thức b * 2 cho biến a (cịn tìm hiểu thêm sau) Một biểu thức chung đứng cịn gọi lệnh biểu thức(expression statement), ví dụ sau: b * 2; Kiểu biểu thức thường khơng hữu dụng, chẳng có tác dụng chương trình chạy — nó lấy giá trị b nhân với 2, sau khơng làm với kết Một loại câu lệnh biểu thức biểu thức lệnh gọi (call expression) (Xem “Functions”), toàn câu lệnh hàm tự gọi biểu thức: alert( a ); Thực thi chương trình Làm cách mà tập hợp câu lệnh lập trình u cầu máy tính phải làm gì? Chương trình cần thực thi, hay cịn biết đến với tên chạy chương trình Các lệnh giống a = b * 2 hữu dụng cho lập trình viên đọc viết, khơng hồn tồn dạng để máy tính hiểu trực tiếp Vì vậy, trình tiện ích đặc biệt máy tính (hoặc thông dịch-interpreter biên dịch-compiler ) sử dụng để dịch code bạn viết thành lệnh mà máy tính hiểu Đối với số ngơn ngữ máy tính, chương trình chạy dịch câu lệnh thường hoàn thành từ xuống dưới, dịng một, thường gọi thông dịch mã Một số ngôn ngữ khác, dịch hoàn thiện trước, gọi biên dịch mã, sau chương trình chạy, chạy biên dịch xong máy sẵn sàng chạy JavaScript thường khẳng định ngơn ngữ thơng dịch, mã nguồn JavaScript xử lý lần chạy Nhưng điều khơng hồn tồn xác, thực JavaScript engine biên dịch chương trình sau chạy mã biên dịch Ghi chú: thông tin thêm biên dịch JavaScript, xem chương đầu Phạm vi & Đóng kín seri Tự luyện Chương giới thiệu khái niệm lập trình với mẫu code đơn giản, tất viết JavaScript (đương nhiên!!!) Bạn cần luyện tập khái niệm cách tự gõ code Các dễ mở developer tool console trình duyệt Mẹo: Thường bạn mở developer console với phím tắt từ menu Thơng tin chi tiết việc mở sử dụng console trình duyệt ưa thích bạn, xem “Mastering The Developer Tools Console” Để gõ nhiều dòng console lúc, sử dụng + để chuyển sang dòng Khi bạn nhấn , console chạy tất bạn vừa viết Hãy làm quen với việc chạy code console Trước tiên, đề nghị bạn mở tab trống trình duyệt Tơi thích làm cách việc gõ about:blank địa Sau cần chắn developer console mở đề cập Và gõ code xem chúng chạy: a = 21; b = a * 2; console.log( b ); Gõ đoạn code trước Chrome console tạo như: Hãy thử đi, cách học code hay để bắt đầu học lập trình đó! Output Trong mẫu code trên, sử dụng console.log( ) Tóm lại, nhìn vào dịng code xem Bạn đốn, xác có thẻ print text (tức ouput cho người dùng) dev console Có hai đặc tính mà cần giải thích Đầu tiên, phần log( b ) đại diện việc gọi hàm (xem "Functions") Những xảy giao biến b cho hàm đó, hàm yêu cầu lấy giá trị b print lên console Thứ hai, phần console. làm object tham chiếu nơi có hàmlog( ) Chúng ta xem object thuộc tính chi tiết Chương Cách khác để tạo output để bạn nhìn chạy alert( ) Ví dụ: alert( b ); Nếu bạn chạy nó, bạn thấy thay hiển thị output lên console, hiển thị popup “OK” với nội dung biến b Tuy nhiên, sử dụng console.log( ) giúp cho việc học bạn thuận tiện nhiều so với alert( ), bạn output nhiều giá trị lúc mà khơng bị phiền hà trình duyệt Với sách dùng console.log( ) Input Khi thảo luận output, bạn thắc mắc input (ví dụ nhận thơng tin từ người dùng) Cách thông thường trang HTML hiển thị form cho người dùng gõ vào, sau sử dụng js để đọc giá trị vào biến chương trình Nhưng có cách đơn giản để lấy input để học trình bày bạn học theo sách này, sử dụng function prompt( ) age = prompt( "Please tell me your age:" ); console.log( age ); Như bạn đốn, mẩu tin bạn đưa vào prompt( ) trường hợp này, "Please popup Điều tương tự tell me your age:" in lên Khi bạn nhập input text cách nhấp “OK”, bạn tuân theo giá trị mà bạn gõ lưu biến age, mà output với console.log( ): ... age = prompt( "Please tell me your age:" ); console.log( age ); Như bạn đốn, mẩu tin bạn đưa vào prompt( ) trường hợp này, "Please popup Điều tương tự tell me your age:" in lên Khi bạn nhập