对js里bind函数的理解

最新推荐文章于 2021-12-28 11:32:08 发布
转载 最新推荐文章于 2021-12-28 11:32:08 发布 · 61 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/douglasvegas/p/4807312.html
文章标签：

#测试

本文通过一个具体的测试用例，深入探讨了JavaScript中bind方法的工作原理。详细解释了bind如何创建新函数并改变this指向，以及新函数与原函数的关系。

先写一段测试用例：

function tt()
{
alert(arguments.callee == tt);
alert(this);
}
var i = "1";
var i1 = tt.bind(i);
window.i1();

根据输出，我的理解是：函数经过bind后，会生成一个本地函数i1，i1里会有一个对函数tt的引用，并非函数tt的一个副本，所以第一个alert会输出true；

而函数一旦经过bind，即便指定了调用者，那么this仍然是bind指定的this，也就是"1"。

转载于:https://www.cnblogs.com/douglasvegas/p/4807312.html

anci5794
关注
2.深入了解bind函数
紫荆鱼的博客
12-26 2466
bind函数把一个本地协议地址赋予一个套接字。对于网际网协议，协议地址是32位的IPv4地址或者128位的IPv6地址与16位的TCP和UDP端口号的联合。
js代码-bind函数
07-15
JavaScript中的`bind`函数是ECMAScript 5引入的一个重要特性，它对于理解JavaScript的作用域、上下文以及函数对象有着至关重要的作用。`bind`函数主要用于改变函数内部`this`的指向，创建一个新的函数，并保持原有...
bind函数_【Javascript】深入理解 bind
weixin_39929918的博客
11-20 252
深入理解一件事物最好的方式之一，就是用自己的方法模拟一遍。这篇文章会用实际的例子带你走一遍 bind 是如何运作的，并在此基础上，一步步带你实现它。我们直接来一个例子：例1function 输出结果为：这里面有两件事是需要你注意的：一个是：bind 会改变函数的 this 指向，在这个例子中，fn 本来的 this 是指向 window 的，而 bind 将 this 的指向从 window 改到...
bind()函数的深入理解及两种兼容方法分析
u012443286的博客
10-12 5197
在JavaScript中，bind()函数仅在IE9+、Firefox4+、Chrome、Safari5.1+可得到原生支持。本文将深入探讨bind()函数并对两种兼容方法进行分析比较。由于本文将反复使用用到原型对象、原型、prototype、[[proto]]，为使文章更加易读不致引起混淆，这里将对几者进行明确区分： 1、原型：每个函数本身也是一个对象，作为对象的函数拥有一个属性叫做原型...
深入理解JavaScript手写bind函数
在深入理解JavaScript的bind方法以及它在JavaScript引擎中的实现机制后，我们可以编写出自己的bind函数。这不仅可以作为学习JavaScript深层次概念的实践，而且在实际开发中，也能增强代码的可维护性和兼容性。通过...
js代码-JavaScript的call/apply/bind函数实现
07-15
在 `main.js` 文件中，可能包含了这三个函数的实现，以便读者理解其内部工作原理。通过阅读和分析代码，我们可以加深对这些方法的理解，从而更好地在实际项目中应用它们。`README.txt` 文件可能提供了关于如何运行和...
js代码-bind函数实现
07-16
在实际开发中，`bind`函数广泛应用于事件处理、模块化、函数式编程等多个场景，是理解JavaScript高级特性和实现复杂逻辑的重要工具。 总结来说，JavaScript的`bind`函数允许我们创建一个新函数，该函数保留了原函数...
js中bind解析
XYLH2015的博客
03-12 252
一、arguments的含义 // arguments 是一个对应于传递给函数的参数的类数组对象 function a(){ console.log(arguments); } a(); // Arguments [callee: ƒ, Symbol(Symbol.iterator): ƒ] a(1,2,3); // Arguments(3) [1...
JS语言理解13 bind函数的实现
多啦的博客
09-23 351
定义 bind的作用和call与apply类似，区别在于使用上。bind的执行的结果返回的是绑定了一个对象的新函数 先看一个使用例子： var obj = { name: 'Jay' }; function sayName(){ console.log(this.name); } var fn = sayName.bind(obj) ; fn() // 'Jay' MDN上的定义： b...
js中bind()使用详情
热门推荐
qq_39148344的博客
05-13 4万+
前言 最近在在搞React的时候有用到bind()的时候，因为他的用法其实我还一直不是特别的清楚，所以今天我把bind()他的用法和我遇到的结合起来这样来写一个博客，这样应该可以加深自己的印象同时可以来跟好的来解析bind的使用方法 1.那么我们先来介绍一下bind() Function.prototype.bind() bind()方法主要就是将函数绑定到某个对象，bind()会创......
JS bind()方法、JS原生实现bind()
thlzjfefe的博客
11-09 1065
JS bind()方法、JS原生实现bind() puxiaotaoc关注 12018.09.09 00:50:08字数 134阅读 29,413 一、arguments的含义 // arguments 是一个对应于传递给函数的参数的类数组对象 function a(){ console.log(arguments); } a(); // Arguments [c...
JS中的bind()方法
firstcode666的博客
12-28 5413
Function.prototype.bind()方法 转自——JS中的bind()方法_kongjunchao159的博客-优快云博客_bind方法 bind()方法主要就是将函数绑定到某个对象，bind()会创建一个函数，函数体内的this对象的值会被绑定到传入bind()第一个参数的值，例如，f.bind(obj)，实际上可以理解为obj.f()，这时，f函数体内的this自然指向的是obj 例子 var a = { b : function...
js中自己实现bind函数的方式
纯爱枫若情的博客
05-04 1万+
前言 最近由于工作比较忙，好久都没时间静下心来研究一些东西了。今天在研究 call 和 apply 的区别的时候，看到 github 上面的一篇文章，看完以后，感觉启发很大。 文章链接为 https://github.com/lin-xin/blog/issues/7 ，有兴趣的童鞋可以前往学习一下。 但是我主要想写的并不是我今天学习了这篇博文，那样也就太没有技术含量了对吧。 bind...
bind函数详解
认知 行动 坚持
10-28 3万+
前面我们已经说了, 套接字也创建了， “地方”也定义了，下面就需要将socket放置在这个“地方”(TCP)，将他们紧紧地捆绑在一起，用bind函数吧, 我们来看看函数原型： int PASCAL FAR bind (SOCKET s, const struct sockaddr FAR *addr, int namelen);      第一个参数当然是待绑定的套接字啦，第二个参数是标识绑定
深入理解js中的bind
qq_37653449的博客
06-25 1129
/** * bind 函数在js中的应用 */ this.name = "test"; let testObj = { name:'zhangsan', introduce:function(){ return this.name; } } let test = { name:"lisi" } let test1 = { name:"wangwu" } let fn = testO...
javascript中bind函数的作用
weixin_33671935的博客
06-21 456
javascript的bind的作用 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 button {background-color:#0f0;...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值