认识 Function.prototype.bind()

novo 发布于2019-08-22 15:24 / 3124人阅读

摘要：绑定函数被调用时，也接受预设的参数提供给原函数。一个绑定函数也能使用操作符创建对象这种行为就像把原函数当成构造器。

欢迎前端爱好者加入QQ群:112916679 答疑解惑,且可获取更多前端资料!

bind()方法创建一个新的函数, 当被调用时，将其this关键字设置为提供的值，在调用新函数时，在任何提供之前提供一个给定的参数序列。

例子：

var obj = {
        x: 20,
        getX: function(){
            return this.x;
        }
    };
        
    var foo = obj.getX;
    console.log(foo()); // undefined
        
    var bindFoo = foo.bind(obj);
    console.log(bindFoo()); // 20

语法

fun.bind(thisArg[, arg1[, arg2[, ...]]])

参数

thisArg
当绑定函数被调用时，该参数会作为原函数运行时的 this 指向。当使用new 操作符调用绑定函数时，该参数无效。

arg1, arg2, ...
当绑定函数被调用时，这些参数将置于实参之前传递给被绑定的方法。

返回值

返回由指定的this值和初始化参数改造的原函数拷贝

描述

bind() 函数会创建一个新函数（称为绑定函数），新函数与被调函数（绑定函数的目标函数）具有相同的函数体（在 ECMAScript 5 规范中内置的call属性）。当新函数被调用时 this 值绑定到 bind() 的第一个参数，该参数不能被重写。绑定函数被调用时，bind() 也接受预设的参数提供给原函数。一个绑定函数也能使用new操作符创建对象：这种行为就像把原函数当成构造器。提供的 this 值被忽略，同时调用时的参数被提供给模拟函数。

云服务器 GPU云服务器认识认识你深刻认识正确认识

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/93438.html

日积跬步，apply/call/bind 自我实现

摘要：日常编码中被开发者用来实现对象冒充，也即显示绑定。面试题源码实现，事实上是对基础知识的一个综合考核。原型链终端指向，不会有构造函数，也不会有等属性，这些属性来自。 call/apply/bind 日常编码中被开发者用来实现对象冒充，也即显示绑定 this。面试题：call/apply/bind源码实现，事实上是对 JavaScript 基础知识的一个综合考核。相关知识点：作...

denson 2019-08-26 10:42 评论0 收藏0
【进阶 6-2 期】深入高阶函数应用之柯里化

摘要：引言上一节介绍了高阶函数的定义，并结合实例说明了使用高阶函数和不使用高阶函数的情况。我们期望函数输出，但是实际上调用柯里化函数时，所以调用时就已经执行并输出了，而不是理想中的返回闭包函数，所以后续调用将会报错。引言上一节介绍了高阶函数的定义，并结合实例说明了使用高阶函数和不使用高阶函数的情况。后面几部分将结合实际应用场景介绍高阶函数的应用，本节先来聊聊函数柯里化，通过介绍其定义、比较常见的...

stackvoid 2019-05-22 19:25 评论0 收藏0
从一道面试题认识函数柯里化

摘要：函数柯里化在函数式编程中，函数是一等公民。函数柯里化的主要作用和特点就是参数复用提前返回和延迟执行。可能在实际应用场景中，很少使用函数柯里化的解决方案，但是了解认识函数柯里化对自身的提升还是有帮助的。最近在整理面试资源的时候，发现一道有意思的题目，所以就记录下来。题目如何实现 multi(2)(3)(4)=24? 首先来分析下这道题，实现一个 multi 函数并依次传入参数执行，...

13651657101 2019-08-23 11:31 评论0 收藏0
我们不背诵 API，只实现 API

摘要：接下来，我们换一种思路，用一个相对较新的来实现方法。从这道题目看出，相比考察死记硬背，这样的实现更有意义。对数组的操作我们不能陌生，其中方法更要做到驾轻就熟。最后，我们再看下社区上著名的和的实现。有不少刚入行的同学跟我说：JavaScript 很多 API 记不清楚怎么办？数组的这方法、那方法总是傻傻分不清楚，该如何是好？操作 DOM 的方式今天记，明天忘，真让人奔溃！甚至有的开发...

wudengzan 2019-08-26 13:55 评论0 收藏0