JavaScript 修改this指针

ephererid 发布于2019-08-20 15:53 / 1518人阅读

摘要：题目封装函数，使的指向指定的对象。接收两个参数，第一个是绑定的值，第二个是一个参数数组。而呢，它的第一个参数也是绑定给的值，但是后面接受的是不定参数，而不再是一个数组，也就是说你可以像平时给函数传参那样把这些参数一个一个传递。

题目

封装函数 f，使 f 的 this 指向指定的对象。

输入例子

bindThis(function(a, b) {
    return this.test + a + b；
}, {test: 1})(2, 3)；

输出例子

分析

该题目的要求是：封装一个函数bindThis，该函数有两个参数，第一个参数是一个内部有使用this指针的函数f，第二个参数是一个对象obj，执行bindThis之后，返回一个函数，该函数里面的this就被绑定到obj上面。

function f(a, b) {
    return this.test + a + b；
}

function bindThis(f, obj) {
    //你实现的部分
}

//执行函数
var a = bindThis(f,{test:1});
a(2,3);

解决方法

javascript的三剑客:bind apply call

1、解决方法一：使用bind()

function f(a, b) {
    return this.test + a + b;
}

function bindThis(f, obj) {
    //你实现的部分
    return f.bind(obj);
}

//执行函数
var a = bindThis(f,{test:1});
console.log(a(2,3));
console.log(f(2,3));

6
NaN

2、解决方法二：使用apply()

function bindThis(f, obj) {
    //你实现的部分
    return function () {
        return f.apply(obj, arguments);
    };
}

3、解决方法三：使用call()

function bindThis(f, obj) {
    //你实现的部分
    return function (a,b) {
        return f.call(obj, a,b);
    };
}

call和apply基本的区别：参数不同。apply() 接收两个参数，第一个是绑定 this 的值，第二个是一个参数数组。而 call() 呢，它的第一个参数也是绑定给 this 的值，但是后面接受的是不定参数，而不再是一个数组，也就是说你可以像平时给函数传参那样把这些参数一个一个传递。

海外云主机私有云 this指针 javascript的this javaScript中的this javascript中this详解

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

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

写给Java开发者看的JavaScript对象机制

摘要：如果你已经对机制已有了解，但是由于两者对象机制的巨大本质差异，对它和构造函数，实例对象的关系仍有疑惑，本文或许可以解答你的问题。所有的原型对象都会自动获得一个属性，这个属性的值是指向原型所在的构造函数的指针。帮助面向对象开发者理解关于JavaScript对象机制本文是以一个熟悉OO语言的开发者视角，来解释JavaScript中的对象。对于不了解JavaScript 语言，尤其是习...

Charles 2019-08-26 12:11 评论0 收藏0
javascript技术难点（三）之this、new、apply和call详解

摘要：第四点也要着重讲下，记住构造函数被操作，要让正常作用最好不能在构造函数里 4) this、new、call和apply的相关问题讲解this指针的原理是个很复杂的问题，如果我们从javascript里this的实现机制来说明this，很多朋友可能会越来越糊涂，因此本篇打算换一个思路从应用的角度来讲解this指针，从这个角度理解this指针更加有现实意义。下面我们看看在ja...

ghnor 2019-08-21 10:27 评论0 收藏0
JS高级入门教程

摘要：解析首先简称是由欧洲计算机制造商协会制定的标准化脚本程序设计语言。级在年月份成为的提议，由核心与两个模块组成。通过引入统一方式载入和保存文档和文档验证方法对进行进一步扩展。其中表示的标记位正好是低三位都是。但提案被拒绝了。 JS高级入门教程目录本文章定位及介绍 JavaScript与ECMAScript的关系 DOM的本质及DOM级介绍 JS代码特性基本类型与引用类型 JS的垃...

zsy888 2019-08-20 14:43 评论0 收藏0
javascript this指针详解

摘要：但是有一个总的原则，那就是指的是，调用函数的那个对象使用主要分四种情况，讨论下指针的用法和注意事项一纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此就代表全局对象。 this是Javascript语言的一个关键字它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用,随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对...

graf 2019-08-22 11:18 评论0 收藏0
javascript this指针详解

摘要：但是有一个总的原则，那就是指的是，调用函数的那个对象使用主要分四种情况，讨论下指针的用法和注意事项一纯粹的函数调用这是函数的最通常用法，属于全局性调用，因此就代表全局对象。 this是Javascript语言的一个关键字它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用,随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对...

AlphaWallet 2019-08-22 11:18 评论0 收藏0