Cuộc gọi áp dụng và liên kết trong javascript là gì?

Thử nó

cú pháp

bind[thisArg]
bind[thisArg, arg1]
bind[thisArg, arg1, arg2]
bind[thisArg, arg1, arg2, /* …, */ argN]

Thông số

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Giá trị được truyền dưới dạng tham số

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

Các đối số để thêm vào các đối số được cung cấp cho hàm bị ràng buộc khi gọi

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Giá trị trả về

Một bản sao của hàm đã cho với giá trị

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Sự mô tả

Hàm

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

Một chức năng bị ràng buộc có thể bị ràng buộc hơn nữa bằng cách gọi

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Một chức năng bị ràng buộc cũng có thể được xây dựng bằng cách sử dụng toán tử

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

Tuy nhiên, vì một hàm bị ràng buộc không có thuộc tính

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Khi sử dụng một hàm liên kết làm phía bên tay phải của

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Hàm liên kết có các thuộc tính sau

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Hàm liên kết cũng kế thừa chuỗi nguyên mẫu của hàm đích. Tuy nhiên, nó không có các thuộc tính riêng khác của hàm đích [chẳng hạn như các thuộc tính tĩnh nếu hàm đích là một lớp]

ví dụ

Tạo một chức năng ràng buộc

Cách sử dụng đơn giản nhất của

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Một lỗi phổ biến đối với các lập trình viên JavaScript mới là trích xuất một phương thức từ một đối tượng, sau đó gọi hàm đó và mong đợi nó sử dụng đối tượng ban đầu làm

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Tuy nhiên, nếu không được chăm sóc đặc biệt, đối tượng ban đầu thường bị mất. Tạo một chức năng liên kết từ chức năng, sử dụng đối tượng ban đầu, giải quyết gọn gàng vấn đề này

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Ghi chú. Nếu bạn chạy ví dụ này ở chế độ nghiêm ngặt [e. g. trong các mô-đun ECMAScript hoặc thông qua chỉ thị

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Nếu bạn chạy cái này trong mô-đun Node CommonJS, thì phạm vi hàng đầu

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Trên thực tế, một số "phương thức" tích hợp cũng là các getters trả về các hàm bị ràng buộc — một ví dụ đáng chú ý là

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Các chức năng được áp dụng một phần

Cách sử dụng đơn giản nhất tiếp theo của

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Các đối số này [nếu có] tuân theo giá trị

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Với setTimeout[]

Theo mặc định, trong

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Bạn cũng có thể sử dụng các chức năng mũi tên cho mục đích này

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

Các hàm ràng buộc được sử dụng làm hàm tạo

Các hàm giới hạn tự động phù hợp để sử dụng với toán tử

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

Lưu ý rằng bạn không cần làm gì đặc biệt để tạo một hàm liên kết để sử dụng với

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Hệ quả là bạn không cần làm bất cứ điều gì đặc biệt để tạo một hàm liên kết được gọi rõ ràng, ngay cả khi bạn muốn yêu cầu hàm liên kết chỉ được gọi bằng cách sử dụng

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Nếu bạn muốn hạn chế một chức năng bị ràng buộc chỉ có thể gọi được với

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

class Base {
  constructor[...args] {
    console.log[new.target === Base];
    console.log[args];
  }
}

const BoundBase = Base.bind[null, 1, 2];

new BoundBase[3, 4]; // true, [1, 2, 3, 4]

các lớp ràng buộc

Sử dụng

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Chuyển đổi các phương thức thành các chức năng tiện ích

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Lấy ví dụ về

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Lưu ý rằng bạn không thể lưu

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

"use strict"; // prevent `this` from being boxed into the wrapper object

function log[...args] {
  console.log[this, ...args];
}
const boundLog = log.bind["this value", 1, 2];
const boundLog2 = boundLog.bind["new this value", 3, 4];
boundLog2[5, 6]; // "this value", 1, 2, 3, 4, 5, 6

Sự khác biệt giữa liên kết áp dụng và cuộc gọi là gì?

Tại sao chúng ta sử dụng phương thức liên kết áp dụng cuộc gọi trong JS?

Cuộc gọi trong JavaScript là gì?

Liên kết trong JavaScript là gì?

Công dụng của bind[] là gì?