欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

学习过程中对.push.apply()的一点理解

程序员文章站 2024-03-25 09:35:28
...

最近在看设计模式这本书,在书里频繁使用.push.apply()和.concat.apply()属实把我整迷惑了,在学习的时候了解到的都是关于这两个方法改变this指向的问题

const cost = (function () {
            const args = []
            return function () {
                if (arguments.length === 0) {
                    let money = 0;
                    for (let i = 0, l = args.length; i < 1; i++) {
                        money += args[i]
                    }
                    return money
                } else {
                    [].push.apply(args, arguments)
                }
            }
        })()

像上面这段代码,args不就是数组吗?为什么不直接push?

  1. arguments是一个伪数组,typeof类型是Object类型,也就是说,是一个单体,直接push会变成[[1,2,3,4,5]]这种二维数组类型!
  2. [].push.apply我个人理解是直接去调用数组的push方法,那push方法肯定是需要传参的,而apply方法第二个参数则是一个数组类型,当我们把arguments当成参数并用apply传过去时,push方法里接收的一个一个的数组值,这时[].push.apply(args,arguments) 就相当于push里面this的指向是args === args.push() arguments则变成了1,2,3,4,5一个一个的数组值

下面是apply的介绍

第一个参数:
this指向。(this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为 null 或 undefined 时会自动替换为指向全局对象,原始值会被包装。)

第二个参数:
一个数组或者类数组对象。(其中的数组元素将作为单独的参数传给 func 函数。如果该参数的值为 null 或 undefined,则表示不需要传入任何参数。)

属个人笔记,如果有错误的地方请大佬指正

相关标签: javascript