首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何给`this`一个数组的调用者对象的值

this一个数组的调用者对象的值,可以使用callapplybind等函数来实现。这些函数可以改变函数执行时的上下文,即this的指向。

其中,callapply都是立即调用函数的方式,而bind是返回一个新函数,可以在稍后调用。

  1. 使用call函数:
代码语言:txt
复制
const obj = { name: 'John' };
function greet() {
  console.log(`Hello, ${this.name}!`);
}
const arr = [1, 2, 3];
greet.call(obj); // Hello, John!
greet.call(arr); // Hello, undefined!

在上述代码中,greet.call(obj)this指向了obj对象,输出了正确的结果。而greet.call(arr)this指向了arr数组,但由于数组没有name属性,输出了undefined

  1. 使用apply函数:
代码语言:txt
复制
const obj = { name: 'John' };
function greet() {
  console.log(`Hello, ${this.name}!`);
}
const arr = [1, 2, 3];
greet.apply(obj); // Hello, John!
greet.apply(arr); // Hello, undefined!

applycall类似,区别在于传入参数的方式。call函数接受参数列表,而apply函数接受参数数组。

  1. 使用bind函数:
代码语言:txt
复制
const obj = { name: 'John' };
function greet() {
  console.log(`Hello, ${this.name}!`);
}
const arr = [1, 2, 3];
const boundGreet = greet.bind(obj);
boundGreet(); // Hello, John!

在这个例子中,bind函数返回了一个新函数boundGreet,该函数的this被绑定到了obj对象。因此,即使在稍后调用boundGreet时,this仍然指向obj

使用callapplybind函数可以动态改变函数的执行上下文,从而实现给this一个数组的调用者对象的值。需要根据具体场景选择合适的方式使用。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何优雅对象数组返回前端?

当遇到JSON对象数组数据类型 该如何处理映射?如何优雅对象数组返回前端? 这一篇文章讲述如何优雅对象数组返回前端? 何为优雅?...如下图 业务场景: 这里面的每个标签元素都会有不同渲染效果 前端那边要摘取这些标签做渲染 所以使用字符串输出给他很麻烦 于是就有了把json字符串封装成对象想法 而这样做法能应用场景太多了 所以为此专门写了一个一套方案做这样事情...serialVersionUID = 2L; /** * 主键 **/** @TableId(value = “id”, type = IdType.AUTO) private Integer id; //专门设置一个用来存放...featureTag数组变量 并且不映射到数据库 @TableField(exist = false) private JSONArray featureTagArray; // 用户真实姓名,不能为空...(有兴趣可以订阅我专栏 探究Springboot底层原理进阶 从实战项目入手 剖析各代码原理及作用) AOP pc?

18310

js数组添加数据方式js 向数组对象中添加属性和属性

参考:https://www.cnblogs.com/ayaa/p/14732349.html js数组添加数据方式有以下几种: 直接利用数组下标赋值来增加(数组下标起始是0) 例,先存在一个有...(arr);  此时输出结果是[ 1, 2, 3, 5 ]; 通过 数组名.push(参数) 来增加从数组最后一个数据开始增加,push可以带多个参,带几个参,数组最后就增加几个数据 let arr=...用 数组名.splice(开始插入下标数,0,需要插入参数1,需要插入参数2,需要插入参数3……)来增加数组数据 let arr=[1,2,3]; //splice(第一个必需参数:该参数是开始插入...\删除数组元素下标,第二个为可选参数:规定应该删除多少元素,如果未规定此参数,则删除从 第一个参数 开始到原数组结尾所有元素,第三个参数为可选参数:要添加到数组新元素) let result=arr.splice...(3,0,7,8,9) console.log(arr);  此时输出结果是[ 1, 2, 3, 7, 8, 9 ]; 因为举例是从第3个下标开始,所以是直接在数组最后开始增加数组内容; js 向数组对象中添加属性和属性

23.3K20
  • java如何打印数组,Java打印数组元素

    大家好,又见面了,我是你们朋友全栈君。 本篇文章帮大家学习java打印数组元素,包含了Java打印数组元素使用方法、操作技巧、实例演示和注意事项,有一定学习价值,大家可以用来参考。...以下实例演示了如何通过重载 MainClass 类 printArray 方法输出不同类型(整型, 双精度及字符型)数组:public class MainClass { public static...5.5, 6.6, 7.7 }; Character[] characterArray = { ‘H’, ‘E’, ‘L’, ‘L’, ‘O’ }; System.out.println(“输出整型数组...(“\n输出字符型数组:”); printArray(characterArray); } } 以上代码运行输出结果为: 输出整型数组: 1 2 3 4 5 6 输出双精度型数组: 1.1 2.2 3.3...4.4 5.5 6.6 7.7 输出字符型数组: H E L L O 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/131413.html原文链接:https:/

    4.3K10

    如何删除 JavaScript 数组

    解决方案:.filter( ) 和 Boolean( ) 理解问题:我们有一个作为输入数组。目标是从数组中删除所有的虚然后将其返回。...他们建议将数组每个转换为布尔以完成此挑战。我认为这个提示很不错! 示例/测试用例:前面提供测试用例告诉我们,如果输入数组只包含虚,那么应该只返回一个数组。这非常简单。...数据结构:在这里我们将坚持使用数组。 我们来谈谈.filter(): .filter()创建一个数组,其中包含通过所提供函数测试所有元素。...这是一个很好提示,因为我们可以用 .filter() 返回只有真值(truthy)数组。 我们将通过JavaScript类型转换来实现这一目标。...知道如果我们将输入数组每个都转换为布尔,就可以删除所有为 false 元素,这就满足了此挑战要求。 算法: 确定 arr 中哪些是虚。 删除所有虚

    9.5K20

    js对象数组_声明一个string类型数组

    先给个案例体验下 对于像这样一个对象,把它转换成一个数组,我们在开发中应该会遇到过, {‘未完成’:0, ‘已完成’:1, ‘待确认’:2, ‘已取消’:-1}转为[{“未完成”:0},{“已完成...,其它属性(索引)为非负整数 不具有数组所具有的方法 常见数组有arguments和NodeList, 《javascript权威指南》里面给出了一个鉴别对象是否是类数组函数 function...属性 可以用 for of 循环 所有通过生成器创建迭代器都是可迭代对象 如document.getElementsByTagName(“div”) 返回是可迭代对象但不是一个数组 Array.isArray...,但如果 Symbol.iterator 属性添加一个生成器,则可以将其变为可迭代对象 obj[Symbol.iterator] = function* () {...length 不同,Object.values(obj) 返回对象自身可枚举属性集 let object4 = { '0': 3, '1': 13, '2': 23, '3': 33

    2.5K30

    MongoDB中如何返回数组对象中第一个对象

    【背景】 在使用MongoDB数据库时,为了减少关联操作,我们通常采用嵌套模型,数组对象是比较常见,例如商品评论、关注好友等,通常返回前面N条或者第一条之类来减少网络流量(所有历史消息意义可能不大...find投影操作 【不同点】 1、$操作符根据查询语句中条件且必须包括数组条件,将集合中每个文档一个匹配数组元素投影到集合中。...3、slice可以直接返回数组中第一个元素(注意不是满足数组条件一个元素,只是返回记录数组一个元素,如果查询条件是包括数组条件,此时用slice会导致错误结果,建议使用或者elemMatch 或者...备注:经过验证确实是第一个大于10岁学生信息,通过$投影操作符.4.4开始支持查询与投影是不同数组,4.4之前查询与投影数组必须是同一个数组。...查询条件中只能指定一个数组查询条件,如果存在多个不同数组查询条件会出现错误结果。

    12.6K20

    将Js数组对象某个属性升序排序,并指定数组某个对象移动到数组最前面

    需求整理:   本篇文章主要实现是将一个数组对象属性通过升序方式排序,然后能够让程序可以指定对应数组对象移动到程序最前面。...: 23},{name: "小芳", Id: 18}];   首先把数组Id通过升序方式排序: //源数组 var arrayData= [{name: "夏明", Id:24}, {name:..., Id: 24 },{ name: "小红", Id: 25 }] 找到Id为23对象,移动到数组最前面去(注意Id唯一): 实现原理:因为移除数组对象需要找到对应数组对象下标索引才能进行移除...,现在我们需要移除Id=23对象,让其排到最前面去(先找到对象下标,然后把数组对象赋值temporaryArry临时数组,然后在通过下标移除newArrayData中对象,最后将arrayData...v=>v.Id==23); console.log('Id=23索引为:',currentIdx); //把Id=23对象赋值临时数组 temporaryArry.push(newArrayData

    12.2K20
    领券