شرح صفوف ومحتوى الفقرة
عند إسناد دالة كائن لتعمل استجابةً لنقر زر مثل btn.onclick = counter.increment.bind(counter) أو بعد مهلة زمنية في المتصفح، تضمن .bind() بقاء this مرتبطةً بكائن البيانات الخاص بك بدلاً من تحولها إلى عنصر الزر أو النافذة العامة.
JavaScript
const counter = {
clicks: 0,
step: function () {
this.clicks += 1;
document.getElementById('cnt-out').textContent = 'Clicks: ' + this.clicks;
}
};
document.getElementById('cnt-btn').onclick = counter.step.bind(counter);