apply(thisArg)

apply(thisArg, argsArray)

thisArg

在 func 函数运行时使用的 this 值。请注意，this 可能不是该方法看到的实际值：如果这个函数处于非严格模式下，则指定为 null 或 undefined 时会自动替换为指向全局对象，原始值会被包装。

argsArray 可选

一个数组或者类数组对象，其中的数组元素将作为单独的参数传给 func 函数。如果该参数的值为 null 或 undefined，则表示不需要传入任何参数。从 ECMAScript 5 开始可以使用类数组对象。浏览器兼容性请参阅本文底部内容。

返回值

调用有指定 this 值和参数的函数的结果。

1.数组合并用法

const arr1 = ["anan", "zooey"];

const arr2 = [198, 246, 357];

//1.1 apply（）

arr1.push.apply(arr1, arr2);

// console.log(arr1);//['anan','zooey',198,246,357]

//1.2call()

arr1.push.call(arr1, ...arr2);

// console.log(arr1);//['anan','zooey',198,246,357]

//1.3 es6

const newArr = [...arr1, ...arr2];

// console.log(newArr);//['anan','zooey',198,246,357]

2.内置函数用法

const num = [2, 5, 3, 6, 9, 0, 99];

//2.1 错误用法

let max1 = Math.max(num);

// console.log(max1);//NaN

//2.2 apply()

let max2 = Math.max.apply(null, num);

// console.log(max2);//99

//2.3 es6

let max3 = Math.max(...num);

// console.log(max3);//99

//2.4 call()

let max4 = Math.max.call(null, ...num);

// console.log(max4);//99

3.apply链接构造器用法

你可以使用 apply 来链接一个对象构造器，类似于 Java。（Java的对象构造器用来创建对象，也可以对对象属性做一些特殊处理，如时间格式化）

在接下来的例子中我们会创建一个全局 Global_Objects/Function 对象的 construct 方法，来使你能够在构造器中使用一个类数组对象而非参数列表。

个人理解：给全局的Function 类定义一个construct方法，并且在construct方法中根据现有对象创建一个新的对象，利用apply链接构造器，返回一个新的对象，此时对全局的Function 对象拥有了一个的 construct 方法，能够返回类数组对象

注意，这个construct方法是新定义的，不是原本的constructor
定义中描述的类数组对象是下图的样子：

//给全局的Function 类定义一个construct方法，并且在construct方法中创建一个新的对象，利用apply链接构造器，返回一个新的对象
Function.prototype.construct = function (aArgs) {
　　//Object.create() 静态方法以一个现有对象作为原型，创建一个新对象
  let oNew = Object.create(this.prototype);

  this.apply(oNew, aArgs);

  return oNew;

};

function MyConstructor() {
　　//这里就是对数组进行遍历，然后封装成k:v的形式

  for (let nProp = 0; nProp < arguments.length; nProp++) {

    this["property" + nProp] = arguments[nProp];

  }

}

//定义一个数组

let myArray = ["zooey", "Hello world!", "anan"];

let myInstance = MyConstructor.construct(myArray);

//打印结果

console.log(myInstance);

深入理解 apply()方法的更多相关文章

  1. 关于JS中apply方法的基本理解

    最近研究OpenLayers源码时,发现其中使用了比较多的apply方法,对其也是很不明白.于是上网经过多方面了解以及自己细细体会后,终于算是基本明白是其干什么的了,这里分享下.apply方法的造型是 ...

  2. 理解 backbone.js 中的 bind 和 bindAll 方法，关于如何在方法中指定其中的 this，包含apply方法的说明[转载]

    转载自:http://gxxsite.com/content/view/id/132.html 在backbone.js的学习过程中,被bind和bindAll弄得有点晕,这里包括underscore ...

  3. JS中的call()和apply()方法理解和使用

    1.方法定义call方法: 语法:obj.method.call(thisObj[,arg1[, arg2[, [,.argN]]]]) 定义:调用对象(obj)的一个方法(method),以另一个对 ...

  4. 理解JavaScript中的call和apply方法

    call方法 总的来说call()有这几种作用:1.可以借用另一个对象的方法.2.改变this的指向(重要).3.将arguments数组化.下面详细介绍这三种作用: 1.可以借用另一个对象的方法:当 ...

  5. JavaScript学习笔记（1））——————call，apply方法

    学习前端也有一段时间了,但是效果甚微.利用时间不够充分,虽然是利用工作之余来学习.但是这不能成为我的借口. 今天学习了(其实看了很多遍)call apply方法. function abc(a,b){ ...

  6. angularjs $scope.$apply 方法详解

    myApp.controller('firstController',function($scope,$interval){ $scope.date = new Date(); setInterval ...

  7. Js apply方法详解

    我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家 ...

  8. scala 学习笔记(04) OOP（上）主从构造器/私有属性/伴生对象(单例静态类)/apply方法/嵌套类

    一.主从构造器 java中构造函数没有主.从之分,只有构造器重载,但在scala中,每个类都有一个主构造器,在定义class时,如果啥也没写,默认有一个xxx()的主构造器 class Person ...

  9. Js apply 方法 详解

    Js apply方法详解 我在一开始看到JavaScript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这 ...

  10. 深入学习JavaScript: apply 方法 详解(转)——非常好

    主要我是要解决一下几个问题: 1.        apply和call的区别在哪里 2.        什么情况下用apply,什么情况下用call 3.        apply的其他巧妙用法(一般 ...

随机推荐

  1. 一文带你吃透Redis

    目录 1. 基本数据结构 2. 数据持久化 3. 高可用 4. 缓存 文章字数大约1.9万字,阅读大概需要66分钟,建议收藏后慢慢阅读!!! 1. 基本数据结构 什么是Redis Redis是一个数据 ...

  2. 2023 年最新最全的 React 面试题

    React 作为前端使用最多的框架,必然是面试的重点.我们接下来主要从 React 的使用方式.源码层面和周边生态(如 redux, react-router 等)等几个方便来进行总结. 1. 使用方 ...

  3. [C++STL教程]1.vector容器是什么？实用教程来啦！超简单易懂，拿来就用

    C++与传统的C语言有一个很大的区别,就是新增了标准模板库 STL(Standard Template Library),它是 C++ 标准库的一部分,不需要单独安装,只需要 #include 对应的 ...

  4. 浅读-《深入浅出Nodejs》

    原书作者:朴灵 https://book.douban.com/subject/25768396/ 这次算是重读 深入浅出Nodejs,了解到很多之前忽略的细节,收获蛮多,这次顺便将其记录分享,对学习 ...

  5. 快速使用ChatGpt Web Server

    快速使用ChatGpt Web Server ChatGpt Web Server是使用Blazor Server模式部署的一个服务,所有的逻辑和代码执行都会在服务器执行,然后通过SignalR传输到 ...

  6. [Python]PyCharm中出现unresolved reference的解决方法

    1 问题描述 2 解决方法 将你的目录添加sources root,即可解决此问题 (工程目录)>右键>Mark Directory As > Sources Root X 参考文献 ...

  7. Semantic Kernel 入门系列：🪄LLM的魔法

    ChatGPT 只是LLM 的小试牛刀,让人类能够看到的是机器智能对于语言系统的理解和掌握. 如果只是用来闲聊,而且只不过是将OpenAI的接口封装一下,那么市面上所有的ChatGPT的换皮应用都差不 ...

  8. 【python爬虫】爬取美女图片

    一,导入包文件 os:用于文件操作.这里是为了创建保存图片的目录 re:正则表达式模块.代码中包含了数据处理,因此需要导入该模块 request:请求模块.通过该模块向对方服务器发送请求获取数据包 l ...

  9. Linx 阶段一

    Linux Linux常用命令 具体演示 1). ls 2). pwd 3). touch 4). mkdir 5). rm 使用技巧 1. 连按 Tab健自动补齐文件名 2. ll 查看当前目录文件 ...

  10. Karmada 多云容器编排引擎支持多调度组，助力成本优化

    摘要:Karmada 社区也在持续关注云成本的管理,在最近发布的 v1.5 版本中,支持用户在分发策略 PropagationPolicy/ClusterPropagationPolicy 中设置多个 ...