Hướng dẫn javascript is programming language or scripting language - javascript là ngôn ngữ lập trình hoặc ngôn ngữ kịch bản
JavaScript (thường được rút ngắn thành JS) là ngôn ngữ nhẹ, được giải thích, hướng đối tượng với các hàm hạng nhất và được biết đến như là ngôn ngữ kịch bản cho các trang web, nhưng nó cũng được sử dụng trong nhiều môi trường không trình duyệt. Đây là một ngôn ngữ kịch bản dựa trên nguyên mẫu, đa Paradigm, động và hỗ trợ các phong cách lập trình định hướng đối tượng, bắt buộc và chức năng. (often shortened to JS) is a lightweight, interpreted, object-oriented language with
first-class functions, and is best known as the scripting language for Web pages, but it's used in many non-browser environments as well. It is a prototype-based, multi-paradigm scripting language
that is dynamic, and supports object-oriented, imperative, and functional programming styles. JavaScript chạy ở phía máy khách của web, có thể được sử dụng để thiết kế / lập trình cách các trang web hoạt động khi xảy ra sự kiện. JavaScript là một ngôn ngữ kịch bản dễ học và cũng mạnh mẽ, được sử dụng rộng rãi để kiểm soát hành vi trang web. Trái với quan niệm sai lầm phổ biến, JavaScript không phải là "giải thích Java". Tóm lại, JavaScript là một ngôn ngữ kịch bản động hỗ trợ xây dựng đối tượng dựa trên nguyên mẫu. Cú pháp cơ bản có chủ ý tương tự như cả Java và C ++ để giảm số lượng khái niệm mới cần thiết để học ngôn ngữ. Các cấu trúc ngôn ngữ, chẳng hạn như các câu lệnh JavaScript có thể hoạt động như một ngôn ngữ theo quy trình và đối tượng. Các đối tượng được tạo theo chương trình trong JavaScript, bằng cách gắn các phương thức và thuộc tính vào các đối tượng trống trong thời gian chạy, trái ngược với các định nghĩa lớp cú pháp phổ biến trong các ngôn ngữ được biên dịch như C ++ và Java. Khi một đối tượng đã được xây dựng, nó có thể được sử dụng như một bản thiết kế (hoặc nguyên mẫu) để tạo các đối tượng tương tự.at run time, as opposed to the syntactic class definitions common in compiled languages like C++ and Java. Once an object has been constructed it can be used as a blueprint (or prototype) for creating similar objects. Khả năng động của JavaScript bao gồm xây dựng đối tượng thời gian chạy, danh sách tham số biến, biến chức năng, tạo tập lệnh động (thông qua 1), hướng nội đối tượng (thông qua 2) và khôi phục mã nguồn (chương trình JavaScript có thể phân hủy các cơ quan chức năng trở lại văn bản nguồn của chúng).Để thảo luận sâu hơn về lập trình JavaScript, hãy theo các liên kết tài nguyên JavaScript bên dưới. Những triển khai JavaScript nào có sẵn?Dự án Mozilla cung cấp hai triển khai JavaScript. JavaScript đầu tiên được tạo ra bởi Brendan Eich tại Netscape, và từ đó đã được cập nhật để phù hợp với phiên bản ECMA-262 và các phiên bản sau đó. Động cơ này, mã có tên Spidermonkey, được triển khai trong C/C ++. Động cơ Rhino, được tạo ra chủ yếu bởi Norris Boyd (cũng tại Netscape) là một triển khai JavaScript được viết bằng Java. Giống như Spidermonkey, Rhino là ECMA-262 Tuân thủ phiên bản 5.ever JavaScript was created by Brendan Eich at Netscape, and has since been updated to conform to ECMA-262 Edition 5 and later versions. This engine, code named SpiderMonkey, is implemented in C/C++. The Rhino engine, created primarily by Norris Boyd (also at Netscape) is a JavaScript implementation written in Java. Like SpiderMonkey, Rhino is ECMA-262 Edition 5 compliant. Một số tối ưu hóa thời gian chạy lớn như Tracemonkey (Firefox 3.5), Jägermonkey (Firefox 4) và Ionmonkey đã được thêm vào động cơ Spidermonkey JavaScript theo thời gian. Công việc luôn luôn tiếp tục để cải thiện hiệu suất thực hiện JavaScript. Bên cạnh các triển khai ở trên, còn có các động cơ JavaScript phổ biến khác như:-
Mỗi động cơ JavaScript của Mozilla hiển thị API công khai mà các nhà phát triển ứng dụng có thể sử dụng để tích hợp JavaScript vào phần mềm của họ. Cho đến nay, môi trường máy chủ phổ biến nhất cho JavaScript là trình duyệt web. Các trình duyệt web thường sử dụng API công khai để tạo các đối tượng máy chủ chịu trách nhiệm phản ánh DOM vào JavaScript.host objects responsible for reflecting the DOM into JavaScript. Một ứng dụng phổ biến khác cho JavaScript là một ngôn ngữ kịch bản phía máy chủ (web). Một máy chủ web JavaScript sẽ hiển thị các đối tượng máy chủ đại diện cho một yêu cầu HTTP và các đối tượng phản hồi, sau đó có thể được thao tác bởi một chương trình JavaScript để tạo động các trang web. Node.js là một ví dụ phổ biến về điều này. Tài nguyên JavaScript
JavaScript® là nhãn hiệu hoặc nhãn hiệu đã đăng ký của Oracle ở Hoa Kỳ và các quốc gia khác. Trong mô -đun này JavaScript là ngôn ngữ lập trình hoặc kịch bản cho phép bạn triển khai các tính năng phức tạp trên các trang web - mỗi khi một trang web không chỉ ngồi đó và hiển thị thông tin tĩnh để bạn xem - hiển thị các bản cập nhật nội dung kịp thời, bản đồ tương tác, hoạt hình 2D/ hoạt hình 2D/ Đồ họa 3D, cuộn video tự động, v.v. - bạn có thể đặt cược rằng JavaScript có thể liên quan. Đây là lớp thứ ba của lớp bánh của các công nghệ web tiêu chuẩn, hai trong số đó (HTML và CSS) chúng tôi đã đề cập chi tiết hơn nhiều trong các phần khác của khu vực học tập.
Ba lớp được xây dựng trên đỉnh của nhau. Hãy lấy một nhãn văn bản đơn giản làm ví dụ. Chúng ta có thể đánh dấu nó bằng cách sử dụng HTML để cung cấp cho cấu trúc và mục đích của nó:
Sau đó, chúng tôi có thể thêm một số CSS vào hỗn hợp để làm cho nó trông đẹp:
Và cuối cùng, chúng ta có thể thêm một số JavaScript để thực hiện hành vi động:
Hãy thử nhấp vào phiên bản cuối cùng của nhãn văn bản để xem điều gì xảy ra (cũng lưu ý rằng bạn có thể tìm thấy bản demo này trên GitHub - xem mã nguồn hoặc chạy trực tiếp)! JavaScript có thể làm nhiều hơn thế - hãy khám phá những gì chi tiết hơn. Vậy nó thực sự có thể làm gì?Ngôn ngữ JavaScript phía máy khách cốt lõi bao gồm một số tính năng lập trình phổ biến cho phép bạn làm những việc như:
Tuy nhiên, điều thú vị hơn nữa là chức năng được xây dựng trên đầu ngôn ngữ JavaScript phía máy khách. Cái gọi là giao diện lập trình ứng dụng (API) cung cấp cho bạn thêm siêu cường để sử dụng trong mã JavaScript của bạn.Application Programming Interfaces (APIs) provide you with extra superpowers to use in your JavaScript code. API là các bộ khối xây dựng mã đã sẵn sàng cho phép nhà phát triển triển khai các chương trình khó hoặc không thể thực hiện. Họ làm điều tương tự cho việc lập trình mà bộ dụng cụ đồ nội thất làm sẵn để xây dựng nhà-sẽ dễ dàng hơn nhiều để lấy các tấm sẵn sàng và vặn chúng lại với nhau để tạo ra một kệ sách hơn là tự mình thiết kế, đi và tìm Gỗ chính xác, cắt tất cả các tấm theo kích thước và hình dạng phù hợp, tìm các ốc vít có kích thước chính xác, và sau đó đặt chúng lại với nhau để tạo ra một giá sách. Họ thường rơi vào hai loại.
API trình duyệt được tích hợp vào trình duyệt web của bạn và có thể hiển thị dữ liệu từ môi trường máy tính xung quanh hoặc làm những điều phức tạp hữu ích. Ví dụ: are built into your web browser, and are able to expose data from the surrounding computer environment, or do useful complex things. For example:
Lưu ý: Nhiều bản demo ở trên sẽ không hoạt động trong trình duyệt cũ hơn - khi thử nghiệm, nên sử dụng trình duyệt hiện đại như Firefox, Chrome, Edge hoặc Opera để chạy mã của bạn. Bạn sẽ cần xem xét kiểm tra trình duyệt chéo. chi tiết hơn khi bạn tiến gần hơn đến việc cung cấp mã sản xuất (nghĩa là mã thực mà khách hàng thực sẽ sử dụng). Many of the above demos won't work in an older browser — when experimenting, it's a good idea to use a modern browser like Firefox, Chrome, Edge or Opera to run your code in. You will need to consider cross browser testing in more detail when you get closer to delivering production code (i.e. real code that real customers will use). API của bên thứ ba không được tích hợp vào trình duyệt theo mặc định và bạn thường phải lấy mã và thông tin của họ từ đâu đó trên web. Ví dụ: are not built into the browser by default, and you generally have to grab their code and information from somewhere on the Web. For example:
Lưu ý: Các API này được nâng cao và chúng tôi sẽ không bao gồm bất kỳ AP nào trong mô -đun này. Bạn có thể tìm hiểu thêm về những điều này trong mô-đun API Web phía máy khách của chúng tôi. These APIs are advanced, and we'll not be covering any of these in this module. You can find out much more about these in our Client-side web APIs module. Có rất nhiều thứ có sẵn, quá! Tuy nhiên, đừng phấn khích hơn nữa. Bạn sẽ không thể xây dựng Facebook, Google Maps hoặc Instagram tiếp theo sau khi nghiên cứu JavaScript trong 24 giờ - có rất nhiều điều cơ bản để trình bày trước tiên. Và đó là lý do tại sao bạn ở đây - chúng ta hãy tiếp tục! JavaScript đang làm gì trên trang của bạn?Ở đây chúng tôi sẽ thực sự bắt đầu xem xét một số mã và trong khi làm như vậy, hãy khám phá những gì thực sự xảy ra khi bạn chạy một số JavaScript trong trang của bạn. Hãy tóm tắt lại một cách ngắn gọn câu chuyện về những gì xảy ra khi bạn tải một trang web trong trình duyệt (lần đầu tiên được nói đến trong bài viết của CSS Works). Khi bạn tải một trang web trong trình duyệt của mình, bạn đang chạy mã của mình (HTML, CSS và JavaScript) bên trong môi trường thực thi (tab Trình duyệt). Điều này giống như một nhà máy lấy nguyên liệu thô (mã) và xuất ra một sản phẩm (trang web).
Việc sử dụng JavaScript rất phổ biến là tự động sửa đổi HTML và CSS để cập nhật giao diện người dùng, thông qua API mô hình đối tượng tài liệu (như đã đề cập ở trên). Lưu ý rằng mã trong các tài liệu web của bạn thường được tải và thực thi theo thứ tự nó xuất hiện trên trang. Lỗi có thể xảy ra nếu JavaScript được tải và chạy trước HTML và CSS mà nó được dự định sửa đổi. Bạn sẽ tìm hiểu các cách xung quanh điều này sau trong bài viết, trong phần Chiến lược tải tập lệnh. Bảo mật trình duyệtMỗi tab Trình duyệt có thùng riêng cho mã chạy (các thùng này được gọi là "môi trường thực thi" theo thuật ngữ kỹ thuật) - điều này có nghĩa là trong hầu hết các trường hợp, mã trong mỗi tab được chạy hoàn toàn riêng biệt và mã trong một tab không thể trực tiếp ảnh hưởng đến mã trong một tab khác - hoặc trên một trang web khác. Đây là một biện pháp bảo mật tốt - nếu đây không phải là trường hợp, thì Cướp biển có thể bắt đầu viết mã để đánh cắp thông tin từ các trang web khác và những điều xấu khác như vậy. Lưu ý: Có nhiều cách để gửi mã và dữ liệu giữa các trang web/tab khác nhau một cách an toàn, nhưng đây là những kỹ thuật nâng cao mà chúng tôi sẽ không đề cập trong khóa học này. There are ways to send code and data between different websites/tabs in a safe manner, but these are advanced techniques that we won't cover in this course. Đơn đặt hàng chạy JavaScriptKhi trình duyệt gặp phải một khối JavaScript, nó thường chạy nó theo thứ tự, từ trên xuống dưới. Điều này có nghĩa là bạn cần phải cẩn thận với thứ tự bạn đặt mọi thứ. Ví dụ: chúng ta hãy quay lại khối JavaScript mà chúng ta đã thấy trong ví dụ đầu tiên của chúng ta:
Ở đây chúng tôi đang chọn một đoạn văn bản (dòng 1), sau đó gắn trình nghe sự kiện vào nó (dòng 3) để khi nhấp vào đoạn văn, khối mã 2 (dòng 5 .8) được chạy. Khối mã 2 (các loại khối mã có thể tái sử dụng này được gọi là "chức năng") yêu cầu người dùng cho một tên mới, sau đó chèn tên đó vào đoạn văn để cập nhật màn hình.Nếu bạn hoán đổi thứ tự của hai dòng mã đầu tiên, nó sẽ không còn hoạt động nữa - thay vào đó, bạn sẽ nhận được lỗi trong bảng điều khiển nhà phát triển trình duyệt - 4. Điều này có nghĩa là đối tượng 5 chưa tồn tại, vì vậy chúng tôi không thể thêm trình nghe sự kiện vào nó.Lưu ý: Đây là một lỗi rất phổ biến - bạn cần cẩn thận rằng các đối tượng được tham chiếu trong mã của bạn tồn tại trước khi bạn cố gắng làm công cụ cho chúng. This is a very common error — you need to be careful that the objects referenced in your code exist before you try to do stuff to them. Được giải thích so với mã được biên dịchBạn có thể nghe các thuật ngữ được giải thích và biên soạn trong bối cảnh lập trình. Trong các ngôn ngữ được giải thích, mã được chạy từ trên xuống dưới và kết quả của việc chạy mã ngay lập tức được trả về. Bạn không phải chuyển đổi mã thành một dạng khác trước khi trình duyệt chạy nó. Mã được nhận trong mẫu văn bản thân thiện với lập trình viên và được xử lý trực tiếp từ đó.interpreted and compiled in the context of programming. In interpreted languages, the code is run from top to bottom and the result of running the code is immediately returned. You don't have to transform the code into a different form before the browser runs it. The code is received in its programmer-friendly text form and processed directly from that. Mặt khác, các ngôn ngữ được biên dịch được chuyển đổi (biên dịch) thành một dạng khác trước khi chúng được chạy bởi máy tính. Ví dụ: C/C ++ được biên dịch thành mã máy sau đó được chạy bởi máy tính. Chương trình được thực hiện từ một định dạng nhị phân, được tạo từ mã nguồn chương trình ban đầu. JavaScript là một ngôn ngữ lập trình được giải thích nhẹ. Trình duyệt web nhận mã JavaScript ở dạng văn bản gốc và chạy tập lệnh từ đó. Từ quan điểm kỹ thuật, hầu hết các phiên dịch viên JavaScript hiện đại thực sự sử dụng một kỹ thuật gọi là biên dịch đúng lúc để cải thiện hiệu suất; Mã nguồn JavaScript được biên dịch thành định dạng nhị phân nhanh hơn trong khi tập lệnh đang được sử dụng, để nó có thể được chạy càng nhanh càng tốt. Tuy nhiên, JavaScript vẫn được coi là một ngôn ngữ được giải thích, vì việc biên dịch được xử lý tại thời điểm chạy, thay vì trước thời hạn.just-in-time compiling to improve performance; the JavaScript source code gets compiled into a faster, binary format while the script is being used, so that it can be run as quickly as possible. However, JavaScript is still considered an interpreted language, since the compilation is handled at run time, rather than ahead of time. Có những lợi thế cho cả hai loại ngôn ngữ, nhưng chúng tôi sẽ không thảo luận về chúng ngay bây giờ. Mã phía máy chủ so với phía máy kháchBạn cũng có thể nghe thấy mã phía các thuật ngữ và mã phía máy khách, đặc biệt là trong bối cảnh phát triển web. Mã phía máy khách là mã được chạy trên máy tính của người dùng-khi trang web được xem, mã phía máy khách của trang được tải xuống, sau đó chạy và hiển thị bởi trình duyệt. Trong mô-đun này, chúng tôi đang nói rõ ràng về JavaScript phía máy khách.server-side and client-side code, especially in the context of web development. Client-side code is code that is run on the user's computer — when a web page is viewed, the page's client-side code is downloaded, then run and displayed by the browser. In this module we are explicitly talking about client-side JavaScript. Mặt khác, mã phía máy chủ được chạy trên máy chủ, sau đó kết quả của nó được tải xuống và hiển thị trong trình duyệt. Ví dụ về các ngôn ngữ web phía máy chủ phổ biến bao gồm PHP, Python, Ruby, ASP.NET và thậm chí cả JavaScript! JavaScript cũng có thể được sử dụng làm ngôn ngữ phía máy chủ, ví dụ trong môi trường Node.js phổ biến-bạn có thể tìm hiểu thêm về JavaScript phía máy chủ trong các trang web động của chúng tôi-chủ đề lập trình phía máy chủ. Mã động và mã tĩnhTừ Dynamic được sử dụng để mô tả cả JavaScript phía máy khách và các ngôn ngữ phía máy chủ-nó đề cập đến khả năng cập nhật màn hình của một trang/ứng dụng web để hiển thị những thứ khác nhau trong các trường hợp khác nhau, tạo nội dung mới theo yêu cầu. Mã phía máy chủ tạo động nội dung mới trên máy chủ, ví dụ: Kéo dữ liệu từ cơ sở dữ liệu, trong khi JavaScript phía máy khách tạo ra nội dung mới bên trong trình duyệt trên máy khách, ví dụ: Tạo một bảng HTML mới, điền nó với dữ liệu được yêu cầu từ máy chủ, sau đó hiển thị bảng trong một trang web hiển thị cho người dùng. Ý nghĩa hơi khác nhau trong hai bối cảnh, nhưng liên quan và cả hai cách tiếp cận (phía máy chủ và phía máy khách) thường hoạt động cùng nhau.dynamic is used to describe both client-side JavaScript, and server-side languages — it refers to the ability to update the display of a web page/app to show different things in different circumstances, generating new content as required. Server-side code dynamically generates new content on the server, e.g. pulling data from a database, whereas client-side JavaScript dynamically generates new content inside the browser on the client, e.g. creating a new HTML table, filling it with data requested from the server, then displaying the table in a web page shown to the user. The meaning is slightly different in the two contexts, but related, and both approaches (server-side and client-side) usually work together. Một trang web không có nội dung cập nhật động được gọi là tĩnh - nó chỉ hiển thị cùng một nội dung mọi lúc.static — it just shows the same content all the time. Làm thế nào để bạn thêm JavaScript vào trang của bạn?JavaScript được áp dụng cho trang HTML của bạn theo cách tương tự như CSS. Trong khi CSS sử dụng các yếu tố 6 để áp dụng các kiểu dáng bên ngoài và các yếu tố 7 để áp dụng các bảng kiểu nội bộ cho HTML, JavaScript chỉ cần một người bạn trong thế giới của HTML - yếu tố 8. Hãy tìm hiểu cách thức hoạt động của nó.JavaScript nội bộ
Lưu ý: Nếu ví dụ của bạn dường như không hoạt động, hãy xem lại các bước và kiểm tra xem bạn có làm mọi thứ đúng không. Bạn đã lưu bản sao cục bộ của mã bắt đầu dưới dạng tệp 1 file? Did you add your 8 element just before the 9 tag? Did you enter the JavaScript exactly as shown? JavaScript is case sensitive, and very fussy, so you need to enter the syntax exactly as shown, otherwise it may not
work.JavaScript bên ngoàiĐiều này hoạt động tuyệt vời, nhưng nếu chúng ta muốn đưa JavaScript của mình vào một tệp bên ngoài thì sao? Hãy khám phá điều này bây giờ.
Người xử lý JavaScript nội tuyếnLưu ý rằng đôi khi bạn sẽ bắt gặp các bit của mã JavaScript thực tế sống bên trong HTML. Nó có thể trông giống như thế này:
Bạn có thể thử phiên bản này của bản demo của chúng tôi dưới đây. Bản demo này có chức năng chính xác giống như trong hai phần trước, ngoại trừ phần tử 7 bao gồm một trình xử lý nội tuyến 8 để làm cho chức năng chạy khi nhấn nút.Xin đừng làm điều này, tuy nhiên. Thật tệ khi làm ô nhiễm HTML của bạn với JavaScript và nó không hiệu quả - bạn phải bao gồm thuộc tính 9 attribute on every button you want the JavaScript to apply to.Sử dụng addEventListener thay thếThay vì bao gồm JavaScript trong HTML của bạn, hãy sử dụng cấu trúc JavaScript thuần túy. Hàm 0 cho phép bạn chọn tất cả các nút trên một trang. Sau đó, bạn có thể lặp qua các nút, gán một trình xử lý cho mỗi người sử dụng 1. Mã cho điều này được hiển thị bên dưới:
Điều này có thể dài hơn một chút so với thuộc tính 8, nhưng nó sẽ hoạt động cho tất cả các nút - bất kể có bao nhiêu trên trang, cũng không bao nhiêu được thêm hoặc xóa. JavaScript không cần phải thay đổi. Lưu ý: Hãy thử chỉnh sửa phiên bản 3 and add a few more buttons into the file. When you reload, you should find that all of the buttons when clicked will create a paragraph. Neat, huh? Chiến lược tải kịch bảnCó một số vấn đề liên quan đến việc khiến các tập lệnh tải vào đúng thời điểm. Không có gì đơn giản như nó có vẻ! Một vấn đề phổ biến là tất cả HTML trên một trang được tải theo thứ tự xuất hiện. Nếu bạn đang sử dụng JavaScript để thao tác các phần tử trên trang (hay chính xác hơn là mô hình đối tượng tài liệu), mã của bạn sẽ không hoạt động nếu JavaScript được tải và phân tích cú pháp trước HTML mà bạn đang cố gắng làm điều gì đó. Trong các ví dụ mã trên, trong các ví dụ bên trong và bên ngoài, JavaScript được tải và chạy trong đầu tài liệu, trước khi phần thân HTML bị phân tích cú pháp. Điều này có thể gây ra lỗi, vì vậy chúng tôi đã sử dụng một số cấu trúc để hiểu xung quanh nó. Trong ví dụ nội bộ, bạn có thể thấy cấu trúc này xung quanh mã: 0Đây là một trình nghe sự kiện, lắng nghe sự kiện 4 của trình duyệt, biểu thị rằng cơ thể HTML được tải hoàn toàn và phân tích cú pháp. JavaScript bên trong khối này sẽ không chạy cho đến khi sự kiện đó được bắn, do đó, lỗi được tránh (bạn sẽ tìm hiểu về các sự kiện sau trong khóa học).Trong ví dụ bên ngoài, chúng tôi sử dụng tính năng JavaScript hiện đại hơn để giải quyết vấn đề, thuộc tính 5, cho biết trình duyệt tiếp tục tải xuống nội dung HTML sau khi đạt được phần tử thẻ 8.
Trong trường hợp này, cả tập lệnh và HTML sẽ tải đồng thời và mã sẽ hoạt động. Lưu ý: Trong trường hợp bên ngoài, chúng tôi không cần sử dụng sự kiện 4 event because the 5 attribute solved the problem for us. We didn't use the 5 solution for the internal JavaScript example because 5 only works for external scripts. Một giải pháp lỗi thời cho vấn đề này được sử dụng là đặt phần tử tập lệnh của bạn ngay dưới cùng của cơ thể (ví dụ: ngay trước thẻ 1), do đó nó sẽ tải sau khi tất cả HTML đã được phân tích cú pháp. Vấn đề với giải pháp này là việc tải/phân tích cú pháp của tập lệnh bị chặn hoàn toàn cho đến khi HTML DOM được tải. Trên các trang web lớn hơn với rất nhiều JavaScript, điều này có thể gây ra vấn đề hiệu suất lớn, làm chậm trang web của bạn.Async và trì hoãnThực tế, có hai tính năng hiện đại mà chúng ta có thể sử dụng để bỏ qua vấn đề của tập lệnh chặn - 2 và 5 (mà chúng ta đã thấy ở trên). Hãy xem xét sự khác biệt giữa hai người này.Các tập lệnh được tải bằng thuộc tính 2 sẽ tải xuống tập lệnh mà không chặn trang trong khi tập lệnh đang được tìm nạp. Tuy nhiên, khi tải xuống hoàn tất, tập lệnh sẽ thực thi, chặn trang từ kết xuất. Bạn không có gì đảm bảo rằng các tập lệnh sẽ chạy theo bất kỳ thứ tự cụ thể nào. Tốt nhất là sử dụng 2 khi các tập lệnh trong trang chạy độc lập với nhau và phụ thuộc vào không có tập lệnh nào khác trên trang.Các tập lệnh được tải với thuộc tính 5 sẽ tải theo thứ tự chúng xuất hiện trên trang. Chúng sẽ không chạy cho đến khi nội dung trang được tải, điều này rất hữu ích nếu các tập lệnh của bạn phụ thuộc vào DOM được đặt đúng vị trí (ví dụ: họ sửa đổi một hoặc nhiều phần tử trên trang).Dưới đây là biểu diễn trực quan của các phương thức tải tập lệnh khác nhau và điều đó có nghĩa là gì cho trang của bạn:
Hình ảnh này là từ thông số kỹ thuật HTML, được sao chép và cắt thành phiên bản giảm, theo các điều khoản cấp phép 4.0 của CC. Ví dụ: nếu bạn có các yếu tố tập lệnh sau: 2Bạn không thể dựa vào thứ tự, các tập lệnh sẽ tải vào. 7 có thể tải trước hoặc sau thời gian tập lệnh chạy.
2 nên được sử dụng khi bạn có một loạt các tập lệnh nền để tải vào và bạn chỉ muốn đưa chúng vào vị trí càng sớm càng tốt. Ví dụ: có thể bạn có một số tệp dữ liệu trò chơi để tải, điều này sẽ cần thiết khi trò chơi thực sự bắt đầu, nhưng bây giờ bạn chỉ muốn tiếp tục hiển thị giới thiệu trò chơi, tiêu đề và vận động hành .Các tập lệnh được tải bằng thuộc tính 5 (xem bên dưới) sẽ chạy theo thứ tự chúng xuất hiện trong trang và thực thi chúng ngay khi tập lệnh và nội dung được tải xuống: 3Trong ví dụ thứ hai, chúng tôi có thể chắc chắn rằng 7 sẽ tải trước 8 và 9 và 8 sẽ tải trước 9. Chúng sẽ không chạy cho đến khi nội dung trang được tải, điều này rất hữu ích nếu các tập lệnh của bạn phụ thuộc vào DOM được đặt ra (ví dụ: họ sửa đổi một trong các yếu tố khác trên trang).Để tóm tắt:
Như với HTML và CSS, có thể viết nhận xét vào mã JavaScript của bạn sẽ bị trình duyệt bỏ qua và tồn tại để cung cấp hướng dẫn cho các nhà phát triển của bạn về cách thức hoạt động của mã (và bạn, nếu bạn quay lại mã của mình sau khi Sáu tháng và không thể nhớ những gì bạn đã làm). Nhận xét rất hữu ích, và bạn nên sử dụng chúng thường xuyên, đặc biệt là cho các ứng dụng lớn hơn. Có hai loại:
Vì vậy, ví dụ, chúng tôi có thể chú thích JavaScript bản demo cuối cùng của chúng tôi với các bình luận như vậy: 5Lưu ý: Nói chung, nhiều bình luận thường tốt hơn ít hơn, nhưng bạn nên cẩn thận nếu bạn thấy mình thêm nhiều nhận xét để giải thích các biến là gì (tên biến của bạn có lẽ nên trực quan hơn) hoặc để giải thích các hoạt động rất đơn giản (có thể Mã được quá mức). In general more comments are usually better than less, but you should be careful if you find yourself adding lots of comments to explain what variables are (your variable names perhaps should be more intuitive), or to explain very simple operations (maybe your code is overcomplicated). Bản tóm tắtVì vậy, bạn đi, bước đầu tiên của bạn vào thế giới của JavaScript. Chúng tôi đã bắt đầu chỉ với lý thuyết, để bắt đầu làm quen với lý do tại sao bạn sử dụng JavaScript và những điều bạn có thể làm với nó. Trên đường đi, bạn đã thấy một vài ví dụ về mã và tìm hiểu cách JavaScript phù hợp với phần còn lại của mã trên trang web của bạn, trong số những thứ khác. JavaScript có vẻ hơi khó khăn ngay bây giờ, nhưng đừng lo lắng - trong khóa học này, chúng tôi sẽ đưa bạn qua nó trong các bước đơn giản sẽ có ý nghĩa về phía trước. Trong bài viết tiếp theo, chúng tôi sẽ lao thẳng vào thực tế, khiến bạn nhảy thẳng vào và xây dựng các ví dụ JavaScript của riêng bạn.
Trong mô -đun nàyLà lập trình JavaScript hay kịch bản?JavaScript là một ngôn ngữ kịch bản dễ học và cũng mạnh mẽ, được sử dụng rộng rãi để kiểm soát hành vi trang web. Trái với quan niệm sai lầm phổ biến, JavaScript không phải là "giải thích Java". Tóm lại, JavaScript là một ngôn ngữ kịch bản động hỗ trợ xây dựng đối tượng dựa trên nguyên mẫu.scripting language, widely used for controlling web page behavior. Contrary to popular misconception, JavaScript is not "Interpreted Java". In a nutshell, JavaScript is a dynamic scripting language supporting prototype based object construction.
Tại sao JavaScript không được gọi là ngôn ngữ lập trình?JavaScript không được phát triển tại Sun Microsystems, nhà của Java.JavaScript được phát triển tại Netscape.Ban đầu nó được gọi là Livescript, nhưng cái tên đó không đủ khó hiểu.Hậu tố -Script cho thấy rằng đó không phải là ngôn ngữ lập trình thực sự, rằng ngôn ngữ kịch bản ít hơn ngôn ngữ lập trình.The -Script suffix suggests that it is not a real programming language, that a scripting language is less than a programming language.
JavaScript có phải là ngôn ngữ kịch bản duy nhất không?Để duy trì khả năng tương thích ngược của web nói chung, JavaScript vẫn là ngôn ngữ kịch bản được hỗ trợ duy nhất được hỗ trợ bởi tất cả các trình duyệt.JavaScript is still the only supported scripting language supported by all browsers.
JavaScript có được tính là ngôn ngữ lập trình không?JavaScript là ngôn ngữ lập trình dựa trên văn bản được sử dụng cả ở phía máy khách và phía máy chủ cho phép bạn làm cho các trang web tương tác.Trong đó HTML và CSS là ngôn ngữ cung cấp cấu trúc và kiểu dáng cho các trang web, JavaScript cung cấp các trang tương tác trang web thu hút người dùng. used both on the client-side and server-side that allows you to make web pages interactive. Where HTML and CSS are languages that give structure and style to web pages, JavaScript gives web pages interactive elements that engage a user. |