0

0

JavaScript bind是什么_它如何创建新函数?

幻影之瞳

幻影之瞳

发布时间:2025-12-15 21:14:55

|

875人浏览过

|

来源于php中文网

原创

bind 方法创建新函数并永久绑定指定 this 值和预设参数;调用 func.bind(obj) 后,新函数无论在哪执行 this 始终为 obj;支持预设前置参数实现柯里化,如 func.bind(null, 'a', 'b') 调用时自动前置;新函数不可用 new 调用,无 prototype,length 为原函数形参减已绑定数。

javascript bind是什么_它如何创建新函数?

bind 是 JavaScript 中函数对象的一个方法,用来创建一个新函数,并**永久绑定**指定的 this 值和部分预设参数。它不立即执行原函数,只返回一个“准备就绪”的新函数。

bind 如何固定 this 值?

在回调、事件处理或异步操作中,this 容易丢失。bind 可提前锁定 this 指向:

  • 调用 func.bind(obj) 后,无论新函数在哪被调用,其内部 this 始终是 obj
  • 即使把新函数赋值给变量、传入 setTimeout 或作为事件监听器,this 也不会变
  • 例如:const bound = obj.method.bind(obj); bound();this 就是 obj

bind 如何预设参数(柯里化)?

可以在 bind 调用时传入额外参数,它们会成为新函数调用时的**前置参数**:

一览妙笔
一览妙笔

自媒体、编剧、营销人员写作工具

下载
  • func.bind(null, 'a', 'b') 返回的新函数,每次调用时都会自动把 'a''b' 放在最前面
  • 后续调用传入的参数会追加在预设参数之后,比如 newFunc('c') 相当于 func('a', 'b', 'c')
  • 常用于封装通用逻辑,比如 const logError = console.log.bind(console, '[ERROR]');

bind 返回的新函数有什么特点?

这个新函数是独立的、可复用的,且继承原函数的 length(形参个数)但忽略已绑定的参数:

立即学习Java免费学习笔记(深入)”;

  • 它不能被 new 调用(除非原函数本身支持),否则会报错
  • newFunc.length 等于原函数形参个数减去已绑定参数个数(ES5+ 行为)
  • 它没有原型(newFunc.prototype === undefined),所以不能用作构造函数

基本上就这些。bind 的核心就是“锁定 this + 预填参数”,生成一个定制化的新函数,不复杂但容易忽略细节。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
c语言中null和NULL的区别
c语言中null和NULL的区别

c语言中null和NULL的区别是:null是C语言中的一个宏定义,通常用来表示一个空指针,可以用于初始化指针变量,或者在条件语句中判断指针是否为空;NULL是C语言中的一个预定义常量,通常用来表示一个空值,用于表示一个空的指针、空的指针数组或者空的结构体指针。

244

2023.09.22

java中null的用法
java中null的用法

在Java中,null表示一个引用类型的变量不指向任何对象。可以将null赋值给任何引用类型的变量,包括类、接口、数组、字符串等。想了解更多null的相关内容,可以阅读本专题下面的文章。

746

2024.03.01

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

371

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

339

2023.10.25

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

547

2023.09.20

length函数用法
length函数用法

length函数用于返回指定字符串的字符数或字节数。可以用于计算字符串的长度,以便在查询和处理字符串数据时进行操作和判断。 需要注意的是length函数计算的是字符串的字符数,而不是字节数。对于多字节字符集,一个字符可能由多个字节组成。因此,length函数在计算字符串长度时会将多字节字符作为一个字符来计算。更多关于length函数的用法,大家可以阅读本专题下面的文章。

950

2023.09.19

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

419

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

524

2024.05.29

pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法

本专题系统整理pixiv网页版官网入口及登录访问方式,涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明,帮助用户高效找到pixiv官方网站,实现便捷、安全的网页端浏览与账号登录体验。

462

2026.02.13

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号