Mũi tên mập nghĩa là gì trong javascript?
ES2015 đã giới thiệu một cách mới để xác định hàm trong JavaScript. chức năng mũi tên. Chúng có cú pháp ngắn gọn, có thể được nội tuyến, phù hợp tuyệt vời như các cuộc gọi lại và giải quyết từ vựng 3 Tôi sẽ giải thích bằng một vài bước đơn giản về cách sử dụng hàm mũi tên trong JavaScript Mục lục1. cú phápBiểu tượng trung tâm của hàm mũi tên là mũi tên mập 4. Đó là nơi bắt nguồn của chức năng mũi tên tên Hãy xác định chức năng mũi tên để chào một người
5 là một hàm mũi tên. Ký hiệu 4 phân định các tham số 7 và thân hàm 8 9 là cách bạn gọi hàm mũi tên. Không có sự khác biệt giữa việc gọi hàm thông thường và hàm mũi tên Nói chung, cú pháp của hàm mũi tên là thế này ________số 8Liệt kê các tham số 0, sau đó đặt mũi tên 4 và ở bên phải viết phần thân 2 Hầu hết mọi nơi bạn có thể sử dụng chức năng thông thường, bạn cũng có thể sử dụng chức năng mũi tên. Ví dụ
3 là một hàm mũi tên được sử dụng như một hàm gọi lại của phương thức 4 2. giá trị này
Sự khác biệt lớn nhất giữa hàm mũi tên và giá trị 3 bên trong hàm mũi tên luôn bằng 3 từ hàm bên ngoài Nói cách khác, chức năng mũi tên không xác định ngữ cảnh thực thi của chính nó Trong ví dụ sau, một hàm mũi tên được định nghĩa bên trong một phương thức
8 là một. Giá trị 3 bên trong hàm mũi tên bằng với 3 của hàm bên ngoài — và là 21 3 được giải quyết theo từ vựng là một tính năng tuyệt vời của các chức năng mũi tên. Khi sử dụng các cuộc gọi lại bên trong các phương thức, bạn chắc chắn rằng hàm mũi tên không xác định 3 của chính nó Để so sánh, nếu bạn sử dụng một chức năng thông thường trong cùng một trường hợp 2 Sau đó, bên trong hàm thông thường 3 bằng đối tượng toàn cục, là 25 trong môi trường trình duyệt 3. đối tượng đối số
Đối tượng ________ 226 bên trong hàm mũi tên bằng với ________ 226 của hàm bên ngoài Hãy thử truy cập 26 bên trong hàm mũi tên 2 Đối tượng 26 bên trong hàm mũi tên bằng với các đối số của lệnh gọi hàm 21. 22, 23 Để truy cập các đối số trực tiếp của hàm mũi tên, hãy sử dụng 24 8 Tham số còn lại của 24 thu thập các đối số của lệnh gọi hàm mũi tên. 26 4. Sự làm ngắn lạiTrong các ví dụ trước, hàm mũi tên được sử dụng ở dạng dài. cả dấu ngoặc đơn và dấu ngoặc nhọn đều có mặt May mắn thay, một lợi ích lớn của chức năng mũi tên là khả năng làm cho nó ngắn hơn. Cùng xem những tình huống bạn có thể làm được điều đó 4. 1 Bỏ qua dấu ngoặc đơnNếu hàm mũi tên có một tham số, có thể bỏ qua dấu ngoặc đơn xung quanh tham số này 1 Ví dụ, hàm 5 chỉ có một tham số 28. Điều đó tốt vì bạn có thể bỏ qua dấu ngoặc đơn xung quanh một tham số 4 Nhưng lưu ý rằng không phải lúc nào cũng có thể bỏ qua dấu ngoặc đơn Nếu arrow function chấp nhận tham số còn lại, hủy cấu trúc tham số hoặc không có tham số, thì bạn phải giữ nguyên dấu ngoặc đơn 5 4. 2 Bỏ dấu ngoặc nhọnNếu thân hàm mũi tên chứa một câu lệnh, bạn có thể bỏ qua dấu ngoặc nhọn và và từ khóa ________ 329, khi đó biểu thức sẽ được trả về ngầm định 0 Theo ví dụ, hàm 5 chứa một câu lệnh, vì vậy hãy bỏ qua các dấu ngoặc nhọn xung quanh thân hàm 1 Trong hàm mũi tên _______ 381, biểu thức _______ 382 được trả về hoàn toàn Biểu mẫu khi bỏ qua dấu ngoặc nhọn được đặt tên là. Chúng rất hữu ích để viết các cuộc gọi lại ngắn 2 Đối tượng chữ thườngBỏ qua các dấu ngoặc nhọn hoạt động hoàn hảo trong hầu hết thời gian nhưng với một ngoại lệ Khi trả về một đối tượng bằng chữ, bạn phải đặt chữ vào một cặp dấu ngoặc đơn 3 Mặt khác, JavaScript các dấu ngoặc nhọn của thân hàm với các dấu ngoặc nhọn của đối tượng bằng chữ và trả về 83 4 5. Nên và không nên5. 1 Có thể không đồng bộBạn có thể tạo hàm mũi tên không đồng bộ bằng cú pháp ________ 384 5 5. 2 Không thể là một phương phápMột phương thức là một chức năng đặc biệt gắn liền với một đối tượng. Bên trong một phương thức, giá trị 3 bằng với đối tượng mà phương thức được gọi trên đó Hãy xem xét phương thức 86 trong đối tượng 87 6 88 là một. Bên trong phương thức ________ 386, bạn có thể truy cập giá trị đặc biệt 3, tương đương với đối tượng mà phương thức được gọi — ________ 387 Tuy nhiên, bạn biết rằng 3 bên trong hàm mũi tên bằng với giá trị 3 của phạm vi bên ngoài. Đó là lý do tại sao bạn thường không thể sử dụng hàm mũi tên làm phương thức 7 Khi thực hiện một lời gọi phương thức 88 JavaScript ném một 15. Tất cả chỉ vì 3 bên trong hàm mũi tên bằng với đối tượng toàn cầu, đặc biệt là 25 khi chạy trong trình duyệt 5. 3 Không thể là hàm tạoMột chức năng thông thường có thể là một trong các trường hợp 8 Tuy nhiên, chức năng mũi tên không thể được sử dụng làm hàm tạo 9 Khi 18 là một hàm mũi tên, việc gọi 19 sẽ ném một 40 5. 4 Không thể là hàm tạoCuối cùng, chức năng mũi tên không thể được sử dụng làm chức năng tạo 0 Khi sử dụng dấu hoa thị 41 để đánh dấu chức năng mũi tên là trình tạo, JavaScript sẽ đưa ra lỗi cú pháp Tất nhiên, các chức năng thông thường được đánh dấu là trình tạo không có vấn đề 1 6. Tóm lượcBiểu tượng trung tâm của hàm mũi tên là mũi tên mập 4. ở phía bên trái của nó là các tham số và ở phía bên phải là thân hàm________số 8 Chức năng mũi tên có thể được rút ngắn. khi nó có một tham số, bạn có thể bỏ qua dấu ngoặc đơn 43 và khi nó có một câu lệnh, bạn có thể bỏ qua dấu ngoặc nhọn 44 3 và 26 bên trong hàm mũi tên được giải quyết theo từ vựng, nghĩa là chúng được lấy từ phạm vi hàm bên ngoài Chức năng mũi tên có một số hạn chế. bạn không thể sử dụng nó như một phương thức trên một đối tượng, hàm tạo hoặc hàm tạo Các hàm mũi tên nhẹ, nội tuyến và dễ đọc () — sử dụng chúng bao nhiêu tùy thích trong mã của bạn Còn sự khác biệt giữa một mũi tên và một hàm thông thường thì sao? Bạn có thích sử dụng các chức năng mũi tên hoặc thông thường? Thích bài viết?đề xuất cải tiến Bài đăng chất lượng vào hộp thư đến của bạnTôi thường xuyên xuất bản bài viết có chứa
Đăng ký nhận bản tin của tôi để nhận chúng ngay trong hộp thư đến của bạn Đặt muaTham gia cùng 6845 người đăng ký khác Giới thiệu về Dmitri PavlutinNhà văn và huấn luyện viên công nghệ. Thói quen hàng ngày của tôi bao gồm (nhưng không giới hạn) uống cà phê, viết mã, viết, huấn luyện, vượt qua sự nhàm chán 😉 Ý nghĩa của => trong JavaScript là gì?Nó là gì. Đây là hàm mũi tên . Các hàm mũi tên là một cú pháp ngắn, được giới thiệu bởi ECMAscript 6, có thể được sử dụng tương tự như cách bạn sẽ sử dụng các biểu thức hàm. Nói cách khác, bạn có thể thường xuyên sử dụng chúng thay cho các biểu thức như function (foo) {. }.
Lợi thế của chức năng mũi tên béo trong JavaScript là gì?Các hàm mũi tên béo có trả về ngầm định
. // Sử dụng biểu thức hàm. hàm isOpen(giá trị) { return. giá trị. } // Sử dụng hàm Fat Arrow, trả về là ẩn.
Làm cách nào để tạo chức năng mũi tên béo trong js?Hàm mũi tên JavaScript . Trước mũi tên. xin chào = hàm() {. Với chức năng mũi tên. xin chào = () => {. Hàm mũi tên Giá trị trả về theo mặc định. xin chào = () => "Xin chào thế giới. “;. Hàm mũi tên có tham số. xin chào = (val) => "Xin chào" + val;. Hàm mũi tên không có dấu ngoặc đơn. xin chào = val => "Xin chào" + val; Mũi tên kép có nghĩa là gì trong JavaScript?Một cách dễ dàng để nắm bắt điều này là hãy nhớ rằng hàm mũi tên cong/mũi tên kép là hàm trả về (các) hàm khác một cách ngầm định . Theo logic này, bạn cũng có thể có ba chức năng mũi tên, v.v. |