Bạn đã bao giờ tự hỏi, 'JavaScript dùng để làm gì?' Bạn không đơn độc. Hack Reactor giải thích JavaScript là gì, JavaScript được sử dụng để làm gì và tại sao chúng tôi sử dụng JavaScript làm ngôn ngữ lập trình
JavaScript là gì?
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 tạo các trang web có tính tương tác. Trong đó HTML và CSS là các ngôn ngữ cung cấp cấu trúc và kiểu dáng cho các trang web, thì JavaScript cung cấp cho các trang web các yếu tố tương tác thu hút người dùng. Các ví dụ phổ biến về JavaScript mà bạn có thể sử dụng hàng ngày bao gồm hộp tìm kiếm trên Amazon, video tóm tắt tin tức được nhúng trên The New York Times hoặc làm mới nguồn cấp dữ liệu Twitter của bạn.
Kết hợp JavaScript cải thiện trải nghiệm người dùng của trang web bằng cách chuyển đổi nó từ trang tĩnh thành trang tương tác. Tóm lại, JavaScript thêm hành vi vào các trang web
JavaScript được sử dụng để làm gì?
JavaScript chủ yếu được sử dụng cho các ứng dụng dựa trên web và trình duyệt web. Nhưng JavaScript cũng được sử dụng ngoài Web trong phần mềm, máy chủ và điều khiển phần cứng nhúng. Dưới đây là một số điều cơ bản JavaScript được sử dụng cho
1. Thêm hành vi tương tác vào các trang web
JavaScript cho phép người dùng tương tác với các trang web. Hầu như không có giới hạn nào đối với những điều bạn có thể làm với JavaScript trên một trang web – đây chỉ là một vài ví dụ
Hiển thị hoặc ẩn thêm thông tin bằng cách nhấp vào nút
Thay đổi màu của một nút khi di chuột qua nó
Trượt qua băng chuyền hình ảnh trên trang chủ
Phóng to hoặc thu nhỏ hình ảnh
Hiển thị đồng hồ bấm giờ hoặc đếm ngược trên trang web
Phát âm thanh và video trong một trang web
Hiển thị hình ảnh động
Sử dụng menu hamburger thả xuống
2. Tạo ứng dụng web và thiết bị di động
Nhà phát triển có thể sử dụng các khung JavaScript khác nhau để phát triển và xây dựng ứng dụng web và thiết bị di động. Khung JavaScript là tập hợp các thư viện mã JavaScript cung cấp cho nhà phát triển mã viết sẵn để sử dụng cho các tính năng và tác vụ lập trình thông thường—nghĩa đen là một khung để xây dựng các trang web hoặc ứng dụng web xung quanh.
Các khung giao diện người dùng JavaScript phổ biến bao gồm React, React Native, Angular và Vue. Nhiều công ty sử dụng Node. js, môi trường thời gian chạy JavaScript được xây dựng trên công cụ JavaScript V8 của Google Chrome. Một vài ví dụ nổi tiếng bao gồm Paypal, LinkedIn, Netflix và Uber
3. Xây dựng máy chủ web và phát triển ứng dụng máy chủ
Ngoài các trang web và ứng dụng, các nhà phát triển cũng có thể sử dụng JavaScript để xây dựng các máy chủ web đơn giản và phát triển cơ sở hạ tầng phụ trợ bằng Node. js
4. Sự phát triển trò chơi
Tất nhiên, bạn cũng có thể sử dụng JavaScript để tạo trò chơi trên trình duyệt. Đây là một cách tuyệt vời để các nhà phát triển mới bắt đầu thực hành các kỹ năng JavaScript của họ
Tại sao nên sử dụng JavaScript hơn các ngôn ngữ lập trình khác?
Ngoài khả năng không giới hạn, có nhiều lý do để các nhà phát triển web sử dụng JavaScript hơn các ngôn ngữ lập trình khác
JavaScript là ngôn ngữ lập trình duy nhất có nguồn gốc từ trình duyệt web
JavaScript là ngôn ngữ phổ biến nhất
Có một ngưỡng thấp để bắt đầu
Đó là một ngôn ngữ thú vị để học
Để biết thêm lý do, hãy xem blog của chúng tôi về lý do tại sao JavaScript là ngôn ngữ lập trình tốt nhất để học
--
Cần cải thiện các kỹ năng JavaScript của bạn?
Mặc dù nhiều người đã quen thuộc với Java từ các tính năng của trang web tương tác, nhưng người dùng có thể ít quen thuộc hơn với JavaScript - hoặc thực sự, họ có thể nhầm lẫn giữa hai thứ này giống nhau
Trong bài viết này, chúng tôi thảo luận về JavaScript là gì và sự khác biệt giữa Java và JavaScript. Sau đó, chúng tôi sẽ cung cấp tổng quan về một số chức năng JavaScript quan trọng hơn
Hãy bắt đầu
Hãy xem hướng dẫn bằng video của chúng tôi về JavaScript
JavaScript là gì?
Nói một cách đơn giản nhất, JavaScript là ngôn ngữ kịch bản phổ biến để thêm chức năng tương tác và nội dung web động khác vào các trang web. Các ví dụ nổi tiếng về nội dung JavaScript bao gồm biểu mẫu có thể điền, trình chiếu thư viện ảnh và đồ họa động
Xem cách Kinsta chống lại đối thủ. So sánh
JavaScript cũng tương đối trực quan và dễ học. Đó là một điểm khởi đầu tuyệt vời cho những người muốn tìm hiểu thêm về phát triển trang web
JavaScript là lớp chức năng cuối cùng trên các trang web có tính tương tác cao. HTML cung cấp cấu trúc cơ bản cho trang. là tính năng thời trang của trang web của bạn — nó đặt phong cách cho trang web của bạn. JavaScript sau đó thêm hứng thú
Khi học JavaScript, điều cần thiết là phải hiểu mối quan hệ giữa HTML, CSS và JavaScript và cách chúng kết hợp với nhau để hiển thị một trang web
JavaScript được sử dụng để làm gì
JavaScript có nhiều ứng dụng khác nhau mà bất kỳ ai đã truy cập các trang web tương tác hoặc ứng dụng dành cho thiết bị di động đều có thể gặp phải. Trong khi phát triển trang web — bao gồm cả việc bổ sung các yếu tố như biểu mẫu tương tác và hoạt ảnh — là cách sử dụng JavaScript truyền thống nhất, nó cũng được sử dụng trong
- Trò chơi dựa trên trình duyệt web — bao gồm trò chơi 2D và 3D
- Phát triển ứng dụng di động - có lợi vì nó không phụ thuộc vào nền tảng điện thoại
- Bản trình bày - việc tạo các trang trình chiếu hoạt hình dựa trên web
Mặc dù hầu hết các ứng dụng JavaScript đều ở phía máy khách, nhưng JavaScript cũng hữu ích trong các ứng dụng phía máy chủ, chẳng hạn như tạo máy chủ web
Sự khác biệt giữa Java và JavaScript
Đầu tiên, điều quan trọng cần lưu ý là Java và JavaScript không liên quan đến nhau, mặc dù có chung thuật ngữ “Java. ”. Cả Java và JavaScript đều là ngôn ngữ để phát triển các trang web và ứng dụng web. Tuy nhiên, chúng có những điểm khác biệt rõ rệt, bao gồm
- Lập trình hướng đối tượng. Java là một ngôn ngữ lập trình hướng đối tượng. JavaScript là một ngôn ngữ kịch bản dựa trên đối tượng
- cú pháp. Cú pháp JavaScript không chính thức hoặc có cấu trúc như Java. Vì vậy, nó đơn giản hơn cho hầu hết người dùng
- biên soạn. Java là một ngôn ngữ được biên dịch, trong khi JavaScript là một ngôn ngữ được giải thích được giải thích từng dòng trong thời gian chạy;
- Môi trường. Về cơ bản, bạn có thể sử dụng các ứng dụng Java trong bất kỳ môi trường nào bằng cách chạy trong các máy ảo hoặc trình duyệt;
- Sử dụng bộ nhớ. Java sử dụng nhiều bộ nhớ hơn JavaScript;
JavaScript có an toàn không?
Mặc dù JavaScript được chấp nhận và sử dụng rộng rãi để phát triển web, nhưng nó có các lỗ hổng nổi tiếng. Một trong những cuộc tấn công mạng phổ biến nhất được giới thiệu thông qua các lỗ hổng JavaScript là tấn công cross-site scripting [XSS]. Tội phạm mạng sử dụng các cuộc tấn công XSS để truy cập và đánh cắp thông tin nhận dạng. Để giảm thiểu việc khai thác, điều quan trọng là phải kiểm tra và xem lại mã của bạn trong quá trình phát triển. Các phương pháp thử nghiệm như thử nghiệm bảo mật ứng dụng tĩnh và động [SAST và DAST] giúp xác định các lỗ hổng ở tất cả các điểm trong vòng đời phát triển phần mềm. Theo các nhà phân tích bảo mật tại Cloud Defense, SAST kiểm tra mã của bạn xem có vi phạm quy tắc bảo mật hay không và so sánh các lỗ hổng tìm thấy giữa nhánh nguồn và nhánh đích. Bạn sẽ nhận được thông báo nếu các thành phần phụ thuộc trong dự án của bạn bị ảnh hưởng bởi các lỗ hổng mới được tiết lộ
JavaScript vani
Vanilla JavaScript là một triển khai nhẹ của ngôn ngữ JavaScript thuần túy mà không cần thêm thư viện. Ở đây, thuật ngữ “vanilla” đề cập đến JavaScript không tùy chỉnh. Nhiều công ty lớn sử dụng Vanilla JS, bao gồm Google, Microsoft, Apple, Amazon và những công ty khác. Vanilla JavaScript là một cách tuyệt vời để lập trình trước khi thêm vào các tính năng nâng cao hơn được cung cấp trong thư viện
Thư viện JavaScript
Thư viện JavaScript là tập hợp mã viết sẵn thực hiện các chức năng nhất định. Thư viện cho phép ngay cả những người dùng mới làm quen cũng có thể xây dựng các trang web hữu ích một cách nhanh chóng. Và họ tiết kiệm thời gian đáng kể cho cả người dùng mới và người dùng có kinh nghiệm trong việc xây dựng các trang web và ứng dụng. Mặc dù có nhiều thư viện JavaScript, một số thư viện phổ biến nhất bao gồm jQuery, Anime. js, Animate on Scroll và Tờ rơi. js
JavaScript liên quan đến khung trang web như thế nào
Khung trang web là trình xây dựng trang web nâng cao, thường có thư viện rộng lớn về chức năng dựng sẵn và bộ thử nghiệm. Bạn có thể quen thuộc với các framework phía máy chủ như Laravel, Ruby on Rails hoặc Django. Nhưng cũng có một số khung dựa trên JavaScript phía máy khách phổ biến, bao gồm React. js, vue. js và nút. js
JavaScript DOM
DOM, hoặc Mô hình đối tượng tài liệu, hoạt động như một giao diện giữa ngôn ngữ lập trình như JavaScript và tài liệu cơ bản - cụ thể là tài liệu HTML và XML. DOM là một tiêu chuẩn của W3C [World Wide Web Consortium], được định nghĩa là “một nền tảng và giao diện ngôn ngữ trung lập cho phép các chương trình và tập lệnh truy cập động và cập nhật nội dung, cấu trúc và kiểu của tài liệu. ” Tài liệu bao gồm một tập hợp các phần tử và thuộc tính riêng lẻ [văn bản, nút, liên kết, v.v. ]
Các thành phần cơ bản của JavaScript
Cũng như các ngôn ngữ lập trình khác, JavaScript sử dụng các biến để xác định vị trí lưu trữ dữ liệu. Các biến có thể là toàn cục [có thể truy cập bởi bất kỳ chức năng nào trong mã] hoặc cục bộ, còn được gọi là phạm vi khối [chỉ có thể truy cập trong khối nơi chúng được khai báo]. Các biến có thể chứa giá trị cố định [hằng số được gọi là hằng số] hoặc giá trị có thể thay đổi. JavaScript có một cú pháp cụ thể để khai báo [tạo] các hằng và biến, đồng thời gán giá trị cho chúng
Khai báo hằng số
Hằng đúng được tạo bằng cách sử dụng khai báo
const GOLDEN_RATIO;
9. var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
0 tạo các hằng số chỉ đọc, không thể thay đổi, trong phạm vi khối ["phạm vi khối" có nghĩa là không thể truy cập hằng số từ bên ngoài khối đã khai báo của nó]. Một ví dụ về việc sử dụng const để tạo một hằng số làconst GOLDEN_RATIO = 1.618; // create a constant named GOLDEN_RATIO with value 1.618
Lưu ý việc sử dụng chữ in hoa để đặt tên cho hằng số; . Tên biến, kể cả tên const, phải bắt đầu bằng một chữ cái [chữ thường hoặc chữ hoa], ký tự gạch dưới [
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
1] hoặc ký hiệu đô la [var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
2]. Chúng phân biệt chữ hoa chữ thường, vì vậy hãy nhớ cách bạn đặt tên cho các biến của mình. Các hằng số, không giống như các biến, phải được gán một giá trị khi tạo. Câu lệnh sau sẽ trả về lỗiconst GOLDEN_RATIO;
Khai báo một biến
Các biến được khai báo bằng từ khóa
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
3. Chúng không cần phải gán giá trị khi khai báo, mặc dù được phép làm như vậy và thường được thực hiện. Từ khóa var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
3 có phạm vi toàn cục chứ không phải phạm vi khối [trừ khi nó nằm trong một chức năng thì nó mới có phạm vi chức năng]var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
Lưu ý rằng các câu lệnh trong JavaScript phải kết thúc bằng dấu chấm phẩy. Bạn có thể tạo nhận xét bằng cách sử dụng
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
5 — JavaScript bỏ qua mọi thứ trong khoảng từ var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
5 đến cuối dòng. Các biến có thể chứa nhiều loại dữ liệu, bao gồm số, chuỗi và đối tượng. Phép gán biến trong JavaScript là động. Vì vậy, bạn có thể gán một biến cho một kiểu dữ liệu khác trong cùng một mãcẩu
Bây giờ bạn đã hiểu khai báo biến trong JavaScript, chúng ta có thể thảo luận về cách JavaScript xử lý vị trí khai báo biến. Thực hành viết mã thường được chấp nhận yêu cầu khai báo các biến trước hoặc đồng thời, bạn xác định chúng. Một số ngôn ngữ lập trình thực sự yêu cầu điều này. Tuy nhiên, JavaScript cho phép các biến được khai báo sau khi chúng được xác định hoặc sử dụng. Sử dụng một tính năng gọi là cẩu, JavaScript di chuyển các khai báo lên đầu tập lệnh hoặc hàm hiện tại. Mặc dù cẩu có thể đơn giản hóa việc lập trình bằng cách cho phép lập trình viên sửa lỗi khai báo mà không cần phải cuộn lại mã, nhưng việc khai báo các biến sau khi sử dụng không phù hợp với các phương pháp lập trình tốt nhất. Việc nâng lên cũng có thể gây ra các sự cố không mong muốn, chủ yếu là do việc nâng lên chỉ áp dụng cho phần khai báo. Nếu một biến được khai báo và khởi tạo trong cùng một câu lệnh, hoisting sẽ tạo một khai báo ở đầu khối và gán cho biến một giá trị không xác định. Do đó, bất kỳ việc sử dụng biến nào trong khối trước câu lệnh khai báo thực tế sẽ cho rằng biến đó không được xác định thay vì có giá trị khởi tạo. Hãy sử dụng ví dụ trên để xem xét hành vi cẩu
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
1Trong khi cẩu di chuyển khai báo
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
7 lên trên cùng của khối, nó không di chuyển giá trị được gán. Logic này hoạt động gần tương đương với cú pháp sauĐăng kí để nhận thư mới
Bạn muốn biết làm thế nào chúng tôi tăng lưu lượng truy cập của mình hơn 1000%?
Tham gia cùng hơn 20.000 người khác nhận bản tin hàng tuần của chúng tôi với các mẹo nội bộ về WordPress
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
3Trong cả hai trường hợp, giá trị cuối cùng “Ơn giời, đã đến năm 2021” không phải là một phần của kết quả. Chúng tôi khuyên bạn nên sử dụng phương pháp khai báo biến tốt nhất để tránh các sự cố tiềm ẩn và tạo mã sạch hơn
Các đối tượng
JavaScript dựa trên khái niệm đối tượng. Các đối tượng là các thùng chứa có thể bao gồm các thuộc tính, phương thức hoặc cả hai. Hãy xem xét một ví dụ đơn giản. Bạn có một đối tượng có tên là “quốc gia. ” Thuộc tính của nó bao gồm tên, lục địa, thủ đô và dân số. Bạn có thể tạo đối tượng này theo nhiều cách với JavaScript. Đầu tiên, bạn có thể sử dụng phương pháp khởi tạo đối tượng hoặc đối tượng
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
4Bạn cũng có thể khởi tạo một đối tượng và sau đó gán các thuộc tính của nó
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
5Lưu ý rằng bạn đề cập đến các thuộc tính của một đối tượng bằng cú pháp
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
8. Cuối cùng, bạn có thể tạo các đối tượng bằng các hàm tạovar variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
7Việc tạo một thể hiện của đối tượng sau đó sẽ được thực hiện bởi
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
8Thuộc tính đối tượng có thể là biến hoặc hàm. Như đã thảo luận bên dưới, khi một thuộc tính đối tượng là một hàm, nó được gọi là một phương thức
Đối tượng vs Lớp học
Tóm lại, một lớp là một khuôn mẫu cấu trúc chung cho một đối tượng. Các lớp sử dụng biểu mẫu hàm tạo để mô tả các đối tượng
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
9Cũng giống như các đối tượng, các lớp có thể có các phương thức
Làm việc với hằng và biến
Cũng như các ngôn ngữ khác, JavaScript có một số loại toán tử để sử dụng với các biến và hàm, hầu hết trong số đó sẽ được nhận ra ngay lập tức
Mệt mỏi với hỗ trợ lưu trữ WordPress cấp 1 mà không có câu trả lời? . Kiểm tra kế hoạch của chúng tôi
- Toán tử gán [
9,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
10,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
11,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
12,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
13,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
14]var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
- Toán tử so sánh [
15,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
16,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
17,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
18,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
19,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
30,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
31,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
32]var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
- Toán tử bitwise và logic [xem bên dưới]
- Toán tử số học [
33,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
34,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
35,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
36,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
37,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
38,var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
39]var variable1; // declare a variable called variable1 var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021 variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1 console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
- toán tử đặc biệt
Một số toán tử ít quen thuộc hơn đối với các lập trình viên mới làm quen, chẳng hạn như các toán tử so sánh giống hệt nhau và không giống nhau.
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
16 so sánh xem hai toán hạng có cùng giá trị và loại hay không [i. e. chúng giống hệt nhau]. var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
18 so sánh xem hai toán hạng có giống nhau không. Xem xét ví dụ sauconst GOLDEN_RATIO;
0Đầu ra cho đoạn mã này sẽ là
const GOLDEN_RATIO;
1Cũng cần hiểu sự khác biệt giữa
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
9 [toán tử gán] và var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
15 [toán tử so sánh]. Trong khi var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
9 đặt giá trị của một biến, thì var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
15 kiểm tra xem hai toán hạng có cùng giá trị hay không, bao gồm cả việc một biến có giá trị nhất định hay không. Bạn không nên sử dụng toán tử var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
9 trong các câu điều kiện [như câu lệnh IF] để kiểm tra tính tương đươngBitwise và toán tử logic
JavaScript hỗ trợ các phép toán AND [
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
47], OR [var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
48], NOT [var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
49] và XOR [var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
50]. Trong JavaScript, chúng được gọi là toán tử bitwise. Hoạt động theo bit chuyển đổi toán hạng thành biểu diễn nhị phân 32 bit trước khi hoạt động [i. e. 20 trở thành 10100]. Các hoạt động này được gọi là bitwise vì từng bit một, sau đó trả về kết quả nhị phân 32 bit được chuyển đổi thành số nguyên. Ví dụconst GOLDEN_RATIO;
2Chuyển đổi toán hạng thành nhị phân
const GOLDEN_RATIO;
3Phép toán OR trả về true [1] khi một trong hai bit là 1, vì vậy giá trị so sánh được hiển thị là 110110 hoặc 53. Trong JavaScript, thuật ngữ toán tử logic dùng để chỉ các phép toán có toán hạng chỉ có các giá trị Boolean 0 hoặc 1. Các toán tử logic JavaScript là ________ 151 [logic AND], ________ 152 [logic OR] và ________ 153 [logic NOT]
const GOLDEN_RATIO;
4Hàm và Phương thức
Hãy nghĩ về các chức năng như ngựa làm việc trong JavaScript. Chúng là các khối mã thực hiện các tác vụ cụ thể. Nếu bạn đã quen thuộc với các thủ tục và chương trình con trong các ngôn ngữ lập trình khác, bạn sẽ nhận ra các hàm ngay lập tức. Các chức năng được xác định bằng cú pháp sau
const GOLDEN_RATIO;
5Xác định chức năng chỉ là bước đầu tiên;
$[]
Hàm
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
55 là cách viết tắt của phương thức getElementByID, như đã lưu ý ở trên, trả về ID của một thành phần cụ thể của HTML DOM. Nó thường được sử dụng để thao tác các thành phần trong tài liệu. var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
55 cho phép viết mã JavaScript ngắn hơn và hiệu quả hơn. Phương pháp truyền thốngconst GOLDEN_RATIO;
6Chức năng vs Phương pháp
Chức năng thực hiện nhiệm vụ; . Cú pháp gọi phương thức là
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
57. Các chức năng được khép kín; . Trong ví dụ trên, phương thức var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
58 đề cập đến một đối tượng [var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
59] và thuộc tính liên quan cho đối tượng đó [var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
70]. Có hai loại phương thức trong JavaScript- Phương thức sơ thẩm
- phương pháp tĩnh
Các phương thức thể hiện có thể truy cập và thao tác các thuộc tính của một thể hiện đối tượng. Các phương thức thể hiện cũng có thể gọi một phương thức thể hiện khác hoặc phương thức tĩnh. Các phương thức tĩnh chứa logic liên quan đến một lớp thay vì một thể hiện của lớp. Để tạo một phương thức tĩnh, bạn phải sử dụng từ tĩnh trước định nghĩa hàm. Các phương thức tĩnh chỉ có thể truy cập các trường tĩnh;
Lời hứa trong JavaScript
Một lời hứa là một đối tượng tạo ra kết quả tại một thời điểm trong tương lai. Trong thuật ngữ JavaScript, lời hứa được gọi là sản xuất và tiêu thụ mã. Các chức năng có thể mất một thời gian không xác định và để hoàn thành. Mã tiêu thụ đang chờ kết quả của mã sản xuất không đồng bộ trước khi chạy các chức năng của nó. Lời hứa xác định mối quan hệ giữa mã sản xuất và mã tiêu thụ. Lời hứa có ba trạng thái có thể. đang chờ xử lý, hoàn thành hoặc bị từ chối. Trong định nghĩa của một lời hứa, hai đối số được chỉ định. giải quyết hoặc từ chối. Đang chờ xử lý là trạng thái ban đầu của một lời hứa và có nghĩa là lời hứa chưa được thực hiện cũng như không bị từ chối. Đã hoàn thành ngụ ý rằng lời hứa đã trở lại được giải quyết. Bị từ chối có nghĩa là lời hứa đã trở lại. Một lời hứa không còn ở trạng thái chờ xử lý được coi là đã giải quyết. Cú pháp ví dụ để tạo một lời hứa là
const GOLDEN_RATIO;
7Bao vây trong JavaScript
Bao đóng là một tính năng JavaScript thường gây trở ngại cho các lập trình viên, mặc dù chúng không phức tạp bằng. Các bao đóng JavaScript là các phương thức giải quyết hoạt động của các hàm lồng nhau. Cụ thể, các bao đóng cho phép một hàm bên trong truy cập nội dung của hàm cha, ngoài các biến toàn cục có thể truy cập thông thường. Lưu ý rằng mặc dù hàm bên trong có quyền truy cập vào các biến của hàm bên ngoài, nhưng điều ngược lại là không đúng. Để hiểu các bao đóng, bạn phải nhớ các nguyên tắc cơ bản về phạm vi. Các biến trong một hàm thường chỉ có thể truy cập được từ hàm đó và phạm vi được tạo cho mỗi lệnh gọi, không phải chung cho hàm. Các bao đóng giải quyết thực tế là các biến thường biến mất sau khi một chức năng hoàn thành. Chúng cũng cho phép các biến vẫn có thể truy cập được sau khi một chức năng đã chạy. Hãy xem xét mã ví dụ sau
const GOLDEN_RATIO;
8Để hiểu cách đóng cửa này hoạt động, hãy xem qua từng dòng mã. Đầu tiên, bạn xác định hàm bên ngoài và sau đó là một biến được liên kết với nó. Tiếp theo, bạn xác định chức năng bên trong. Điều quan trọng cần lưu ý là bạn chưa gọi hàm bên trong — chỉ định nghĩa nó. Tiếp theo là một câu lệnh trả về hàm bên trong. Nhưng những gì nó trả về không phải là kết quả của hàm bên trong; . Vì vậy, khi bạn định nghĩa bao đóng là
var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
71, nó không trả về giá trị thực của hàm bên trong. Thay vào đó, nó trả về một tham chiếu tới var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
72. Mặc dù chức năng bên ngoài đã được hoàn thành sau tuyên bố này và var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
73 chính thức không còn tồn tại. Nhưng nó vẫn được giữ lại trong tham chiếu đến var variable1; // declare a variable called variable1
var variable2 = "2021"; // declare a string variable called variable2 and initialize with value 2021
variable1 = "Thank goodness it's" // assign string value to previously declared variable variable1
console.log[variable1 + " " + variable2]; // display "Thank goodness it's 2021"
72. Bây giờ khi bạn gọi lệnh đóng trong câu lệnh cuối cùng, kết quả mong muốn sẽ được hiển thị. Để hiểu rõ hơn về closure, bạn nên tự viết code và test thử vài ví dụ. Phải mất thời gian để làm cho đúng. Ngoài ra, các bản cập nhật và thử nghiệm lặp đi lặp lại sẽ giúp bạn tạo tư duy phát triển nhanh nhẹn. Nhưng khi bạn tiếp tục, hãy luôn ghi nhớ các vấn đề bảo mật — JavaScript có thể dễ gặp phải các sự cố bảo mật nghiêm trọng, chẳng hạn như SQL và LDAP injection, tấn công XSS, v.v.Tóm lược
Nếu bạn quan tâm đến việc làm được nhiều việc hơn với các trang web của mình so với những gì bạn có thể nhận được từ các dịch vụ vượt trội như Wix và Square, thì bạn nên cân nhắc việc học JavaScript. Đây là phần giới thiệu đơn giản và dễ học về lập trình trang web và ứng dụng có thể giúp bạn thêm các tính năng tương tác cao vào trang web của mình mà không cần đầu tư quá nhiều thời gian vào quá trình học. JavaScript cũng là một cách tuyệt vời để bắt đầu phát triển kỹ năng mã hóa của bạn, nếu cuối cùng bạn quyết định chuyển sang cấp độ tiếp theo
Nhận tất cả các ứng dụng, cơ sở dữ liệu và trang web WordPress của bạn trực tuyến và dưới một mái nhà. Nền tảng đám mây hiệu suất cao, đầy đủ tính năng của chúng tôi bao gồm
- Dễ dàng thiết lập và quản lý trong bảng điều khiển MyKinsta
- Hỗ trợ chuyên gia 24/7
- Mạng và phần cứng Google Cloud Platform tốt nhất, được cung cấp bởi Kubernetes để có khả năng mở rộng tối đa
- Tích hợp Cloudflare cấp doanh nghiệp cho tốc độ và bảo mật
- Tiếp cận đối tượng toàn cầu với tối đa 35 trung tâm dữ liệu và hơn 275 PoP trên toàn thế giới
Hãy tự kiểm tra với $20 trong tháng đầu tiên của Lưu trữ ứng dụng hoặc Lưu trữ cơ sở dữ liệu. Khám phá kế hoạch của chúng tôi hoặc nói chuyện với bộ phận bán hàng để tìm thấy sự phù hợp nhất của bạn