HomeLập trìnhJavaScriptHướng dẫn JavaScript...

Hướng dẫn JavaScript tốt nhất


JavaScript là ngôn ngữ kịch bản được sử dụng rộng rãi nhất trên Trái đất. Và nó có hệ sinh thái thư viện lớn nhất so với bất kỳ ngôn ngữ lập trình nào.

JavaScript là ngôn ngữ cốt lõi của web và là ngôn ngữ lập trình duy nhất có thể chạy trong tất cả các trình duyệt web chính.

Đáng chú ý, JavaScript không liên quan đến Java. Hãy xem JavaScript: Ngôn ngữ lập trình bị hiểu sai nhiều nhất trên thế giới.

Tên chính thức của JavaScript là ECMAScript được xác định theo Tiêu chuẩn ECMA-262.

Nếu bạn muốn tìm hiểu thêm về ngôn ngữ JavaScript và tại sao nó lại được sử dụng rộng rãi như vậy, hãy đọc bài viết của Quincy Larson – Tôi nên học ngôn ngữ lập trình nào trước? – hoặc xem video đầy cảm hứng này từ Preethi Kasireddy.

freeCodeCamp có một hướng dẫn chuyên sâu về JavaScript trên YouTube sẽ dạy cho bạn tất cả các nguyên tắc cơ bản chỉ trong 3 giờ.

maxresdefault

Một số hướng dẫn JavaScript hay khác:

Người giới thiệu

JavaScript nhanh

thử thách

hướng dẫn

bài tập

Biên tập viên

Blog

Podcast

Video hướng dẫn

Sách

6 cuốn sách về JavaScript của Kyle Simpson, từ cơ bản đến nâng cao.

Phần giới thiệu kỹ lưỡng, tuyệt vời về những điều cơ bản và tính năng của JavaScript, hoàn chỉnh với mã tương tác trong trình duyệt.

Hướng dẫn khá chi tiết về Lập trình chức năng trong JavaScript

Công cụ JavaScript độc lập

Mozilla’s SpiderMonkey, công cụ JavaScript đầu tiên từng được viết, hiện được sử dụng trong Mozilla Firefox.

V8, công cụ JavaScript của Google, được sử dụng trong Google Chrome.

Google Apps Script, trình thông dịch phía máy chủ/dựa trên đám mây cung cấp khả năng kiểm soát “giống như vĩ mô” có lập trình đối với các tài liệu và dịch vụ Google Apps.

Node.js, được xây dựng trên V8, một nền tảng cho phép các ứng dụng phía máy chủ được viết bằng JavaScript.

Windows bao gồm JScript, một biến thể JavaScript trong Windows Script Host.

Đọc thêm  Làm sao để lặp đi lặp lại các phần tử trong một mảng bản đồ ()

Chakra, một nhánh của Jscript, được phát triển bởi Microsoft và được sử dụng trong trình duyệt Edge của họ.

Mozilla cũng cung cấp Rhino, một triển khai JavaScript được xây dựng trong Java, thường được nhúng vào các ứng dụng Java để cung cấp tập lệnh cho người dùng cuối.

WebKit (ngoại trừ dự án Chromium) triển khai công cụ JavaScriptCore.

Khung JavaScript

Các Khung JavaScript được sử dụng thường xuyên nhất là React JS, Angular JS, jQuery và NodeJS. Để biết thêm chi tiết theo liên kết này.

Giống như tất cả các ngôn ngữ lập trình, JavaScript có những ưu điểm và nhược điểm nhất định cần xem xét. Nhiều trong số này có liên quan đến cách JavaScript thường được thực thi trực tiếp trong trình duyệt của khách hàng. Nhưng hiện có nhiều cách khác để sử dụng JavaScript cho phép nó có cùng lợi ích của các ngôn ngữ phía máy chủ.

Ưu điểm của Javascript

  • Tốc độ, vận tốcJavaScript có xu hướng rất nhanh vì nó thường chạy ngay trong trình duyệt của khách hàng. Miễn là nó không yêu cầu tài nguyên bên ngoài, JavaScript sẽ không bị chậm lại bởi các lệnh gọi đến máy chủ phụ trợ. Ngoài ra, tất cả các trình duyệt chính đều hỗ trợ biên dịch JIT (đúng lúc) cho JavaScript, nghĩa là không cần biên dịch mã trước khi chạy.
  • Sự đơn giảnCú pháp của JavaScript được lấy cảm hứng từ Java và tương đối dễ học so với các ngôn ngữ phổ biến khác như C++.
  • Phổ biếnJavaScript ở khắp mọi nơi trên web và với sự ra đời của Node.js, JavaScript ngày càng được sử dụng nhiều hơn trên phần phụ trợ. Có vô số tài nguyên để học JavaScript. Cả StackOverflow và GitHub đều cho thấy số lượng dự án sử dụng JavaScript ngày càng tăng và sức hút mà nó đạt được trong những năm gần đây dự kiến ​​sẽ tăng lên.
  • khả năng tương tácKhông giống như PHP hoặc các ngôn ngữ kịch bản khác, JavaScript có thể được chèn vào bất kỳ trang web nào. JavaScript có thể được sử dụng trong nhiều loại ứng dụng khác nhau nhờ hỗ trợ các ngôn ngữ khác như Pearl và PHP.
  • Tải máy chủ JavaScript là phía máy khách, do đó, nó làm giảm nhu cầu về máy chủ nói chung và các ứng dụng đơn giản có thể không cần máy chủ.
  • giao diện phong phúJavaScript có thể được sử dụng để tạo các tính năng như kéo và thả và các thành phần như thanh trượt, tất cả đều giúp nâng cao đáng kể giao diện người dùng và trải nghiệm của một trang web.
  • Chức năng mở rộngCác nhà phát triển có thể mở rộng chức năng của các trang web bằng cách viết các đoạn mã JavaScript cho các tiện ích bổ sung của bên thứ ba như Greasemonkey.
  • Tính linh hoạtCó nhiều cách để sử dụng JavaScript thông qua máy chủ Node.js. Nếu bạn khởi động Node.js bằng Express, hãy sử dụng cơ sở dữ liệu tài liệu như MongoDB và sử dụng JavaScript trên giao diện người dùng cho máy khách, thì có thể phát triển toàn bộ ứng dụng JavaScript từ trước ra sau chỉ bằng JavaScript.
  • cập nhậtKể từ khi ECMAScript 5 ra đời (đặc tả tập lệnh mà JavaScript dựa vào), ECMA International đã chuyên tâm cập nhật JavaScript hàng năm. Cho đến nay, chúng tôi đã nhận được hỗ trợ trình duyệt cho ES6 vào năm 2017 và mong muốn ES7 sẽ được hỗ trợ trong tương lai.
Đọc thêm  Giải thích phương thức JavaScript Math.random()

Nhược điểm của Javascript

  • Bảo mật phía máy kháchVì mã JavaScript được thực thi ở phía máy khách nên đôi khi lỗi và sơ sót có thể bị lợi dụng cho mục đích xấu. Do đó, một số người chọn tắt hoàn toàn JavaScript.
  • Hỗ trợ trình duyệtMặc dù các tập lệnh phía máy chủ luôn tạo ra cùng một đầu ra, nhưng các trình duyệt khác nhau đôi khi diễn giải mã JavaScript khác nhau. Ngày nay, sự khác biệt là rất nhỏ và bạn không cần phải lo lắng về điều đó miễn là bạn kiểm tra tập lệnh của mình trong tất cả các trình duyệt chính.

ES6

Phiên bản thứ 6 của ECMAScript được gọi là ES6.

Nó còn được gọi là ES2015.

Những thay đổi bổ sung rất nhiều cú pháp cho phép các nhà phát triển tạo ứng dụng theo phong cách hướng đối tượng.

Ví dụ về ES5:

var User = function () {
  function User(name) {
    this._name = name;
  }

  User.prototype.getName = function getName(x) {
    return 'Mr./Mrs. ' + this._name;
  };

  return User;
}();

Ví dụ về ES6:

class User {
  constructor(name) {
    this._name = name
  }

  getName() {
    return `Mr./Mrs. ${this._name}`
  }
}

Rất nhiều tính năng cú pháp mới đã được giới thiệu bao gồm:

  • các lớp học
  • mô-đun
  • khuôn mẫu
  • vòng lặp for/of
  • biểu thức trình tạo
  • chức năng mũi tên
  • bộ sưu tập
  • lời hứa

Ngày nay, hầu hết các tính năng đều có sẵn trong tất cả các trình duyệt phổ biến. Bảng tương thích chứa tất cả thông tin về tính khả dụng của tất cả các trình duyệt hiện đại.

Đọc thêm  Chuỗi thành số trong JavaScript – Chuyển chuỗi thành số nguyên trong JS

Thông thường, các tính năng mới xuất hiện là một phần của ES7 kế nhiệm. Một cách phổ biến là dịch JavaScript hiện đại (ES6, ES7 và các đề xuất thử nghiệm khác) sang ES5. Điều này đảm bảo rằng các trình duyệt cũ cũng có thể thực thi mã. Có những công cụ như Babel biến JavaScript mới thành ES5.

Ngoài đường cú pháp đến từ các tiêu chuẩn ECMAScript, còn có các tính năng yêu cầu Polyfill. Thông thường chúng là cần thiết vì việc triển khai toàn bộ lớp/phương thức đã được thêm vào tiêu chuẩn.

Khởi tạo đối tượng

Trong JavaScript và hầu hết các ngôn ngữ khác, một đối tượng chứa một loạt các thuộc tính, là một cặp khóa, giá trị. Có nhiều tùy chọn có sẵn cho bạn khi bạn cần xây dựng một đối tượng.

Khởi tạo một biến đối tượng

Bạn có thể tạo một đối tượng với các thuộc tính được xác định trước như sau:

let myObject = {
  name: "Dave",
  age: 33
}

Tạo một đối tượng rỗng

Điều này tạo ra một đối tượng trống bên trong biến myObject của chúng ta:

let myObject = new Object();

Khi bạn muốn thêm các thuộc tính vào đối tượng của mình, bạn chỉ cần sử dụng ký hiệu dấu chấm hoặc ký hiệu ngoặc với tên thuộc tính bạn chọn:

myObject.name = "Johnny Mnemonic"
myObject["age"] = 55

Sử dụng hàm tạo

Bạn có thể định nghĩa một hàm tạo mà bạn có thể sử dụng để tạo các đối tượng của mình:

function Kitten(name, cute, color) {
  this.name = name,
  this.cute = cute,
  this.color = color
}

Bạn có thể định nghĩa một biến chứa phần khởi tạo của đối tượng này bằng cách gọi hàm khởi tạo:

let myKitten = new Kitten("Nibbles", true, "white")

Object.create()

Phương thức Object.create() (được định nghĩa lần đầu trong ECMAScript 5.1) cho phép bạn tạo các đối tượng. nó cho phép bạn chọn đối tượng nguyên mẫu cho đối tượng mới của mình mà không cần xác định trước hàm tạo.

// Our pre-defined object
let kitten = {
  name: "Fluff",
  cute: true,
  color: "gray"
}
// Create a new object using Object.create(). kitten is used as the prototype
let newKitten = Object.create(kitten)

console.log(newKitten.name) // Will output "Fluff"



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status