React Native bind函数 bind(this)

项目中我们经常会遇到如下写法

bind(this)

//列表显示控件
 renderItem={this.renderUserItem.bind(this)}

那么对于一个函数的调用我们到底什么时候需要.bind(this)，什么时候不需要.bind(this)呢？

先说结论：

bind(this)主要出现在函数调用的调用后执行场景中，且主要面向普通函数，

并且强烈推荐在该情况下直接bind(this)，因为该函数就是绑定作用，

通过该绑定函数的指向就发生了变化（因为普通函数的指向是不固定的，这个操作有点类似箭头函数固定this指向的意思），

自然而然，既然绑定，那么就是调用后执行场景

笼统而言两个作用

1、固定this指向（绑定）

2、调用后执行（不会一进页面就立即渲染）

bind是什么？

/**
     * For a given function, creates a bound function that has the same body as the original function.
     * The this object of the bound function is associated with the specified object, and has the specified initial parameters.
     * @param thisArg The object to be used as the this object.
     * @param args Arguments to bind to the parameters of the function.
     */
    bind<T>(this: T, thisArg: ThisParameterType<T>): OmitThisParameter<T>;
    bind<T, A0, A extends any[], R>(this: (this: T, arg0: A0, ...args: A) => R, thisArg: T, arg0: A0): (...args: A) => R;
    bind<T, A0, A1, A extends any[], R>(this: (this: T, arg0: A0, arg1: A1, ...args: A) => R, thisArg: T, arg0: A0, arg1: A1): (...args: A) => R;
    bind<T, A0, A1, A2, A extends any[], R>(this: (this: T, arg0: A0, arg1: A1, arg2: A2, ...args: A) => R, thisArg: T, arg0: A0, arg1: A1, arg2: A2): (...args: A) => R;
    bind<T, A0, A1, A2, A3, A extends any[], R>(this: (this: T, arg0: A0, arg1: A1, arg2: A2, arg3: A3, ...args: A) => R, thisArg: T, arg0: A0, arg1: A1, arg2: A2, arg3: A3): (...args: A) => R;
    bind<T, AX, R>(this: (this: T, ...args: AX[]) => R, thisArg: T, ...args: AX[]): (...args: AX[]) => R;