/ / Cách sử dụng Gọi, Áp dụng và Ràng buộc trong JavaScript

Cách sử dụng Gọi, Áp dụng và Ràng buộc trong JavaScript

JavaScript call (), apply () và bind () có cơ hội tốt để xuất hiện trong cuộc phỏng vấn với nhà phát triển web của bạn. Ban chuẩn bị chưa?


Máy tính xách tay, cốc cà phê và logo JavaScript

Bạn có thể đã gặp nhiều hàm tích hợp sẵn khác nhau như hàm dành cho mảng và chuỗi trong khi thực hành JavaScript. Mặc dù bạn có thể sử dụng các phương pháp phổ biến hơn này trong các tác vụ lập trình hàng ngày của mình, nhưng các phương pháp khác có thể được sử dụng cho các mục đích đặc biệt.

JavaScript của gọi(), nộp đơn(),trói buộc() là một số phương pháp như vậy có các trường hợp sử dụng đặc biệt và thường được sử dụng để kiểm tra kiến ​​thức JavaScript của bạn trong các cuộc phỏng vấn viết mã. Chúng ta hãy xem xét kỹ hơn cách bạn có thể sử dụng chúng.

1. call ()

gọi() cho phép một hàm hoặc phương thức thuộc một đối tượng được gán và được gọi cho một đối tượng khác. Bạn có thể tham khảo các giá trị của đối tượng bằng cách sử dụng điều này từ khóa.

Kiểm tra cái này gọi() thí dụ.

let obj = {
name:"John",
surname:"Doe",
getFullName: function(){
console.log(this.name+" "+this.surname);
}
}
obj.getFullName();

Đối tượng phản đối có một chức năng được đặt tên getFullName () in tên đầy đủ của người đó. Bây giờ, nếu bạn muốn sử dụng getFullName () với một đối tượng khác có các giá trị khác nhau, bạn có thể làm như vậy bằng cách sử dụng gọi() chức năng.

const obj2 = {
name:"Jane",
surname:"Doe"
}
obj.getFullName.call(obj2);

Bạn cũng có thể chuyển các đối số khác nhau trong gọi() chức năng cùng với đối tượng.

let obj = {
name:"John",
surname:"Doe",
getFullName: function(age, gender){
console.log(this.name+" "+this.surname+" "+age+" "+gender);
}
obj.getFullName.call(obj2, 21, "female");

2. áp dụng ()

Các nộp đơn() chức năng hoạt động tương tự như gọi() chức năng. Sự khác biệt duy nhất giữa gọi()nộp đơn() chức năng là bạn có thể truyền nhiều tham số trong mảng và sử dụng chúng.

Đây là một nộp đơn() thí dụ:

const obj = {
name:"John",
surname:"Doe",
getFullName: function(age, gender){
console.log(this.name+" "+this.surname+" "+age+" "+gender);
}
}
obj.getFullName.apply(obj2, [21, "female"]);

Liên quan: Các phương pháp mảng JavaScript mà bạn nên nắm vững ngay hôm nay

3. bind ()

trói buộc() trả về bản sao chính xác của một hàm và liên kết nó với một đối tượng. Phương thức này được sử dụng để ràng buộc và giữ một bản sao của một phương thức và sử dụng nó sau này. Bạn có thể sử dụng hàm bất cứ khi nào bạn muốn bằng cách gọi nó.

Đây là một trói buộc() thí dụ:

const obj = {
name:"John",
surname:"Jane",
getFullName: function(){
console.log(this.name+this.surname);
}
}
const obj2 = {
name:"Jane",
surname:"Doe"
}
let func = obj.getFullName.bind(obj2);
func();

Không bao giờ ngừng học JavaScript

Các gọi(), nộp đơn(), và trói buộc() các hàm rất quan trọng khi chuẩn bị cho các cuộc phỏng vấn JavaScript. Có vô số khái niệm cốt lõi khác trong JavaScript mà bạn nên nắm vững để trở thành lập trình viên hiệu quả nhất có thể; tại sao không bắt đầu với các phương thức mảng?


javascript-array-method
15 phương pháp mảng JavaScript mà bạn nên nắm vững ngay hôm nay

Bạn muốn hiểu các mảng JavaScript nhưng không thể hiểu rõ về chúng? Kiểm tra các ví dụ về mảng JavaScript của chúng tôi để được hướng dẫn.

Đọc tiếp


Giới thiệu về tác giả

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *