Javascript chuyển cái này để hoạt động
|
Các hàm là dữ liệu và do đó có thể được truyền xung quanh giống như các giá trị khác. Điều này có nghĩa là một hàm có thể được chuyển sang một hàm khác dưới dạng đối số. Điều này cho phép hàm được gọi sử dụng đối số hàm để thực hiện hành động của nó. Điều này hóa ra là cực kỳ hữu ích Show
Các ví dụ minh họa rõ nhất cho kỹ thuật này, vì vậy bây giờ chúng ta hãy xem xét một vài 11. 3. 2. Thí dụ. Phương pháp mảng 1 2 3 4 5 6 7 8 9 100Phương thức mảng 1 2 3 4 5 6 7 8 9 100 cho phép mọi phần tử trong mảng được ánh xạ hoặc dịch, sử dụng một hàm đã cho. Đây là cách sử dụng nó let mappedArray = someArray.map(functionName); Khi phương pháp 1 2 3 4 5 6 7 8 9 100 thực thi, các hành động sau sẽ xảy ra
Khi hoàn tất, 1 2 3 4 5 6 7 8 9 103, chứa từng giá trị trả về riêng lẻ từ hàm ánh xạ, 1 2 3 4 5 6 7 8 9 101 Thí dụ 1 2 3 4 5 6 7 8 9 10 let nums = [3.14, 42, 4811];
let timesTwo = function (n) {
return n*2;
};
let doubled = nums.map(timesTwo);
console.log(nums);
console.log(doubled);
Đầu ra bảng điều khiển 1 2 3 4 5 6 7 8 9 100 Lưu ý rằng 1 2 3 4 5 6 7 8 9 100 không làm thay đổi mảng ban đầu Khi sử dụng 1 2 3 4 5 6 7 8 9 100, nhiều lập trình viên sẽ định nghĩa hàm ánh xạ ẩn danh trong cùng một câu lệnh với lệnh gọi phương thức 1 2 3 4 5 6 7 8 9 100 Thí dụ Chương trình này có cùng đầu ra với chương trình ngay bên trên. Hàm ánh xạ được xác định ẩn danh trong lệnh gọi tới 1 2 3 4 5 6 7 8 9 100 1 2 3 4 5 6 7 8 9 101 Đầu ra bảng điều khiển 11. 3. 3. Kiểm tra việc hiểu của bạnCâu hỏi Tương tự như ví dụ 1 2 3 4 5 6 7 8 9 100 ở trên, kết thúc chương trình dưới đây để chia đôi mỗi số trong một mảng 1 2 3 4 5 6 7 8 9 102 thay thế. nó Câu hỏi Sử dụng phương thức 1 2 3 4 5 6 7 8 9 100 để ánh xạ một chuỗi các chuỗi. Đối với mỗi tên trong mảng, hãy ánh xạ nó tới chữ cái đầu tiên Các hàm là công dân hạng nhất trong mô hình lập trình hàm, có nghĩa là chúng giống như các biến. Chúng có thể được truyền dưới dạng đối số cho các hàm khác, được gán cho các biến và được trả về bởi các hàm khác. Bài viết này giải thích cách truyền hàm dưới dạng tham số trong javascript một cách chi tiết với các ví dụ Phạm viBài viết này thảo luận rộng rãi về các điểm sau
Giới thiệuTrong lập trình chức năng, chúng tôi giả sử các chức năng là ''công dân hạng nhất''. Bằng cách đó, chúng tôi có nghĩa là các chức năng được coi là biến bình thường. Chúng có thể được gán giá trị hoặc truyền cho các hàm khác dưới dạng tham số và các hàm cũng có thể trả về các hàm Làm cách nào chúng ta có thể chuyển một biến cho một hàm làm tham số của nó? 1 2 3 4 5 6 7 8 9 103 Bây giờ, chúng ta sẽ gọi hàm này và gửi một biến làm đối số 1 2 3 4 5 6 7 8 9 104 Mã này rõ ràng sẽ in 20 ra bàn điều khiển. Việc gửi các hàm đến một hàm khác làm đối số cũng rất giống nhau. Chúng ta sẽ thấy điều này trong phần tiếp theo cú phápBây giờ, chúng ta hãy xem làm thế nào các chức năng có thể được chuyển sang một chức năng khác và cách chúng có thể được sử dụng bên trong chúng. Trước tiên, chúng ta hãy tạo một hàm nhận một hàm và gọi nó bên trong phần thân của nó 1 2 3 4 5 6 7 8 9 105 Và bây giờ, hãy tạo một chức năng khác sẽ được gọi bên trong chức năng gọi 1 2 3 4 5 6 7 8 9 106 Bây giờ, hãy gọi hàm 'callingFunction' và chuyển hàm 'functionToBeCalled' làm đối số của nó 1 2 3 4 5 6 7 8 9 107 đầu ra 1 2 3 4 5 6 7 8 9 108 Như bạn mong đợi, đầu ra như hình trên Bây giờ, hãy hiểu mã này
Hãy thử bảng điều khiển ghi lại giá trị của tham số bên trong hàm gọi và xem, tôi không nói dối
Ví dụ phổ biến về cuộc gọi lại
Khi chúng ta chuyển một hàm làm đối số cho một hàm khác, chúng ta gọi nó là gọi lại. Gọi lại đơn giản có nghĩa là chức năng sẽ được gọi sau Tại sao chúng ta cần Callback?
Ghi chú. Mục tiêu chính của việc sử dụng các hàm gọi lại là xử lý tính chất không đồng bộ của các tác vụ Hãy xem xét ví dụ này. Nếu chúng ta muốn gọi hàm 1 trong trường hợp chúng ta nhận được phản hồi cho hàm không đồng bộ và gọi hàm 2 nếu nó gặp lỗi khi thực hiện tác vụ không đồng bộ đó, chúng ta cần gọi lại ở đây 1 2 3 4 5 6 7 8 9 109
Đây là một ví dụ đơn giản khác để giải thích nơi có thể sử dụng lệnh gọi lại 1 2 3 4 5 6 7 8 9 100 Đây là hai chức năng đơn giản in một tin nhắn đến bàn điều khiển. Bây giờ, hãy tạo một hàm sẽ quyết định hàm nào sẽ được gọi dựa trên quyết định xem hàm nào trong số A hoặc B thực sự lớn hơn 1 2 3 4 5 6 7 8 9 101 đầu ra Chúng ta có thể thấy cách các hàm có thể dễ dàng chuyển thành đối số cho các hàm khác giống như các biến thông thường và có thể được sử dụng bên trong thân hàm. Bằng cách này, chúng ta nói rằng các hàm này được gửi dưới dạng đối số là các cuộc gọi lại Một số hàm thường được sử dụng có gọi lại là tham số. Chúng ta hãy xem một số trong số họ
Truyền chức năng mà không gọi chúngĐiểm nổi bật 1 - Khi truyền hàm gọi lại, chỉ truyền tên hàm và không gọi hàm 2 - Hiểu đúng cú pháp để chuyển một cuộc gọi lại Hầu hết mọi người đều mắc một lỗi phổ biến khi chuyển các chức năng dưới dạng gọi lại bằng cách gọi chúng. Hãy nhớ rằng, chúng tôi luôn chuyển tên hàm cho một hàm khác và không gọi chúng trong khi gửi. Chức năng gọi lại thực sự được gọi bên trong một chức năng khác Hãy xem xét đoạn mã sau 1 2 3 4 5 6 7 8 9 102 Trong khi chuyển chức năng 'hàm' nụ cười'', chúng tôi đã gọi nhầm chức năng ở đây
Xem cửa sổ đầu ra  Chúng tôi có đầu ra SAI. Theo mã của chúng tôi, chức năng - nụ cười không nên được gọi vì 23 > 45 là sai Cũng thế, Đầu ra này đến từ dòng không. 9, trong khi chúng tôi mong đợi chức năng nụ cười được gọi ở dòng số. 6 Nhưng chúng tôi có tuyên bố nụ cười trên bảng điều khiển. Ngoài ra, bạn có thấy lỗi không - TypeError. nụ cười không phải là một chức năng? Hãy hiểu điều này. Khi chúng ta truyền tên hàm, chúng ta truyền tham chiếu đến hàm đó. Chức năng mới sau đó có tham chiếu đến chức năng ban đầu. Sau đó, nó có thể gọi hàm bất cứ khi nào nó cảm thấy như vậy, dựa trên các quyết định của nó. Nhưng khi chúng ta chuyển hàm được gọi, tôi. e. , như thế này - func(). Chúng tôi đã gọi chức năng. Những gì chúng ta đang chuyển đến hàm tiếp theo không phải là tham chiếu hàm mà là đầu ra của hàm được gọi của chúng ta. Điều này chắc chắn không thể được gọi bên trong nội dung của chức năng tiếp theo. Đây chính xác là những gì thông báo lỗi đang nói Mã chính xác cho logic này là 1 2 3 4 5 6 7 8 9 1040 Tôi hy vọng bạn sẽ không bao giờ mắc lỗi này khi làm việc với các cuộc gọi lại Làm cách nào để chuyển đối số đúng cách với cuộc gọi lại?Điểm nổi bật 1- Gửi các cuộc gọi lại bằng cách chuyển tên hàm 2 - Các phương thức truyền hàm gọi lại có đối số Bây giờ, nếu chúng ta cần truyền một số đối số cho hàm gọi lại trong khi nó đang được gọi bên trong hàm tiếp theo thì sao? 1 2 3 4 5 6 7 8 9 1041 Rõ ràng, hàm gọi lại đang được gọi trong khi được truyền dưới dạng đối số. Chúng tôi vừa biết được đây là cách sai khi truyền hàm gọi lại. Sau đó, làm thế nào để chúng tôi gửi đối số đúng cách? Bây giờ, hãy xem cái này 1 2 3 4 5 6 7 8 9 1042 Tôi có thể làm điều này? . Tôi đang gửi tham chiếu đến một chức năng, đây không phải là vấn đề vì tôi không gọi nó. Và chức năng đó gọi nụ cười cùng với các đối số Một ký hiệu viết tắt của văn bản giống nhau là 1 2 3 4 5 6 7 8 9 1043 Điều này cũng hiệu quả vì chúng ta đang tạo một hàm ẩn danh và chuyển nó sang một hàm khác
Nhận được ''điều này'' ngay khi Truyền chức năngĐiểm nổi bật 1 - cái này chiếm giá trị của đối tượng, gọi nó là 2 - Trong khi được chuyển dưới dạng gọi lại, hàm tìm kiếm giá trị toàn cầu của giá trị này 3 - Các bước để giải quyết vấn đề này và ràng buộc giá trị của vấn đề này được thảo luận Hãy xem xét đoạn mã này 1 2 3 4 5 6 7 8 9 1044 ''student'' là một đối tượng đơn giản với một biến dữ liệu, được gọi là ''name'' và một hàm dữ liệu, được đặt tên là ''sayHi''. Bên trong hàm ''sayHi'', từ khóa ''this'' dùng để chỉ đối tượng gọi hàm dữ liệu này. Đây, '' này. tên'' đề cập đến giá trị của thuộc tính tên của đối tượng gọi ''sayHi'', đó là ''Rohit'' đầu ra 1 2 3 4 5 6 7 8 9 1045 Bây giờ, nếu tôi muốn chuyển hàm ''sayHi'' sang một hàm khác dưới dạng gọi lại thì sao?. Nó vẫn sẽ chọn giá trị chính xác của '' this '' chứ? Nó không chọn ''Rohit'' làm giá trị của ''this. Tên''. Bây giờ, tại sao lại như vậy? . Vì lý do này, chúng tôi đã không nhận được giá trị của '' this. name'' bởi vì trong ngữ cảnh chung, ''this'' không tồn tại trong mã này Chúng ta có thể giải quyết vấn đề này theo hai cách
Hãy thảo luận cả hai chi tiết Sử dụng chức năng 'liên kết'Hàm bind() tạo ra một hàm liên kết, giữ lại giá trị của ''this'' trong chính nó. Vì lý do này, nếu chúng ta chuyển hàm sử dụng ''this'' làm hàm gọi lại, thì hàm đó sẽ không tìm kiếm phạm vi toàn cục nhưng sẽ có giá trị ''this'' được liên kết với nó Xem mã và đầu ra bên dưới. Ở đây, giá trị của 'cái này. name' được chọn đúng là 'Rohit'. Điều này là do hàm hiện không xem xét phạm vi toàn cầu cho giá trị của 'this' 1 2 3 4 5 6 7 8 9 1046 Tạo hàm ẩn danhĐây là một cách khác để giải quyết vấn đề này. Chúng tôi có thể chuyển đổi chức năng của mình thành một chức năng ẩn danh. Nó cho chúng ta kết quả chính xác. Nhìn vào ảnh chụp màn hình giao diện điều khiển bên dưới Bạn có thể chuyển tham số này dưới dạng tham số trong JavaScript không?"Tôi có thể chuyển “this” làm tham số cho một hàm khác trong javascript không" --- có, bạn có thể , đó là điều bình thường . Bất kỳ vấn đề với điều đó? .
Bạn có thể chuyển một đối tượng tới một hàm trong JavaScript không?Chúng ta có thể truyền một đối tượng vào hàm JavaScript , nhưng các đối số phải có cùng tên với tên thuộc tính Đối tượng.
Nó là gì cho '$' trong JavaScript?$ đại diện cho Hàm jQuery và thực sự là bí danh viết tắt của jQuery . (Không giống như hầu hết các ngôn ngữ, biểu tượng $ không được đặt trước và có thể được sử dụng làm tên biến. ) Nó thường được sử dụng như một bộ chọn (i. e. một hàm trả về một tập hợp các phần tử được tìm thấy trong DOM).
JavaScript có thể chuyển qua tham chiếu không?Trong JavaScript, mảng và đối tượng theo sau chuyển qua thuộc tính tham chiếu . Trong Truyền theo tham chiếu, các tham số được truyền dưới dạng đối số không tạo bản sao của chính nó, nó đề cập đến giá trị ban đầu nên những thay đổi được thực hiện bên trong hàm sẽ ảnh hưởng đến giá trị ban đầu. |
