Function.prototype.bind 的用途是什么？

紫微前端

于 2022-03-22 14:34:06 发布

阅读量249

点赞数

CC 4.0 BY-SA版权

分类专栏：前端知识加深文章标签：前端面试

本文链接：https://blog.youkuaiyun.com/liuhao9999/article/details/123660169

前端知识加深专栏收录该内容

510 篇文章 ¥39.90 ¥99.00

订阅专栏

Function.prototype.bind方法用于创建一个新函数，新函数在调用时会将指定的对象作为其this上下文，并能预设传入的参数。在前端面试中，这是考察JavaScript基础和函数绑定概念的重要知识点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

import React from 'react';

class MyComponent extends React.Component {
     constructor(props){
          super(props); 
          this.state = {
             value : ""
          }  
          this.handleChange = this.handleChange.bind(this); 
          // 将 “handleChange” 方法绑定到 “MyComponent” 组件
     }

     handleChange(e){
       //do something amazing here
     }

     render(){
        return (
              <>
                <input type={this.props.type}
                        value={this.state.value}
                     onChange={this.handleChange}                      
                  />
              </>
        )
     }
}