javascript绑定方法参数

Question

我看到了两种类型的绑定调用的例子。第一类是：

    const book = {
      title: 'Brave New World',
      author: 'Aldous Huxley',
    }

    function summary() {
      console.log(`${this.title} was written by ${this.author}.`)
    }

    const braveNewWorldSummary = summary.bind(book)

概括地说，“这个”现在是与“书”对象结合起来的。

第二类是：

  function utilizationUpdate(chart, data) {....}

  function utilizationInit(component, btnGroup, data){
        ....
        var myChart = new Chart(ctx, {....}
        $(btnGroup).on("change", function() {
                    ...
                    fetch('{% url 'api_utilization' fac.fac_id %}?measure=' + measure + '&{{ request.GET.urlencode() }}' )
                    .then(status)
                    .then(json)
                    .then(utilizationUpdate.bind(this, myChart));
                }
            });
        }

utilizationUpdate()中的“图表”现在与myChart结合在一起。

为什么在第一个bind()示例中，"this“不是要传递的参数？但是它是在第二个bind()示例中指定的吗？

Answer 1

传递给bind的第一个参数是this值，其他参数是函数的附加参数。在第一种情况下，它只设置this值，而在第二种情况下，它同时设置this值和第一个参数。但是，this值可能并不是真正需要的，因此也可以传递null。