Array.prototype.slice.call(arguments).slice(1)

最新推荐文章于 2021-11-22 20:48:06 发布
原创 最新推荐文章于 2021-11-22 20:48:06 发布 · 297 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解析了JavaScript中使用Array.prototype.slice.call(arguments).slice(1)的目的与意义，阐述了如何利用arguments对象与Array的slice方法实现特定的功能。

Array.prototype.slice.call(arguments).slice(1)

 

在很多的例子里面都会看到以上的调用，开始看了很久也不明白是什么意思，最近研究了一下，终于明白了。

 

要讨论这样的调用方式，其实只有一个目的，

 

arguments (typeof arguments它是一个object )，而在这里调用的是array的slice 方法.

 

 

array.prototype.slice 是原型slice 方法，

call()查看帮助文档会发现，会把call(thisObject)做为当前上下文使用，（也可以简单thisObject可以调用Array的方法。）

slice()返回一个数组的一段

JS中Array.prototype.slice()
qq_42526440的博客
01-23 307
slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝（包括 begin，不包括end）。原始数组不会被改变。 demo: const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals.slice(2)); // expected output: Array ["camel", "duck", "elephant"] console.log(anima
javascript Array.prototype.slice的使用示例
12-01
通过`Array.prototype.slice.call(arguments, 0)`，我们可以将`arguments`对象转化为真正的数组，从而可以使用数组的所有方法。 例如： ```javascript var slice = Array.prototype.slice; (function() { var ...
浅谈javascript的Array.prototype.slice.call
taoerchun的专栏
06-20 828
浅谈javascript的Array.prototype.slice.call 转载于：浅谈javascript的Array.prototype.slice.call 发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg
解析 Array.prototype.slice.call(arguments,1)
zhoumeina99的博客
09-04 494
Array.prototype.slice.call(arguments,1) 经常会看到这段代码用来处理函数的参数 网上很多复制粘帖说：Array.prototype.slice.call(arguments)能将具有length属性的对象 转成数组，除了IE下的节点集合（因为ie下的dom对象是以com对象的形式实现的，js对象与com对象不能进行转换） 关键点： 1、Array是构造函数 2、arguments是类数组对象(缺少很多数组的方法) 3、call让一个对象调用另一个对象的方法。.
Array.prototype.slice.call(arguments,1)，类数组转化为数组
yuki-li的博客
03-13 2187
实现函数 callIt，调用之后满足如下条件：返回的结果为调用 fn 之后的结果；fn 的调用参数为 callIt 的第一个参数之后的全部参数 2.`function callIt(fn) { var newArr = Array.prototype.slice.call(arguments,1); var result = fn.apply(null,newArr); return r...
Array.prototype.slice.apply(arguments, [1])
漂亮的都在隔壁班
11-01 1389
arguments参数 生成 JavaScript在创建函数时，会自动生成一个Arguments对象实例arguments，可以用数组下标的方式”[]”引用arguments的元素。arguments.length为函数实参个数，arguments.callee引用函数自身。 特性：arguments对象和Function是分不开的。因为arguments这个对象不能显式创建，arguments对
关于[].slice.call(arguments, 1)自己的思考
Alecor的博客
08-29 830
[].slice.call(arguments, 1) 可以看作是 Array.prototype.slice.call(arguments,1) 它是能够将具有length属性的对象转成数组， 首先我们要明确一点就是两个东西，第一是slice方法； .slice() 方法可从已有的数组中返回选定的元素。 var arr = new Array(3) arr[0...
Array.prototype.slice.apply的使用方法
09-05
`Array.prototype.slice.apply` 是 JavaScript 中一种巧妙的技巧，它允许我们借用 `Array.prototype.slice` 方法来处理非数组对象，尤其是 `arguments` 对象。`arguments` 是一个伪数组对象，它在每个函数内部可用，...
arguments:永远不要写“Array.prototype.slice.call(arguments);” 以后再！
07-04
永远不要写Array.prototype.slice.call(arguments); 以后再！ 这是基于但使用Object.defineProperty(arguments.constructor.prototype, [functionName], {enumerable: false, configurable: true, value: [function...
为什么是“Array.prototype.slice.call(arguments,1)”，而不是“arguments.slice(1)”？
ZZhXuan的博客
10-25 635
在学习手写new的时候，看到的，首先是很不理解为什么通过Array.propotype调用slice，还要用call“多此一举”。 昨天学习原型链，我的理解中， Array.prototype等同于一个实例数组（比如参数数组argument）的原型_proto_， 在原型中寻找slice方法并进行使用，跟后者arguments直接调用slice不是一样的吗？ 以下是我所学习的手写new的代码（问题出于第五行）。 // const xxx = _new(Foo,'哈哈',123) ==> new Fo
[].slice.call(arguments,1) 个人理解
dei5960的博客
04-03 760
var arr = []; [] == arr; 假设 var arr = [1,2,3,4,5]; 那么 arr.slice(1,2) == [2]; 通过 slice.call 才能使用call显示绑定来实现 arguments 那么 var data = [].slice.call(arr,2); var data1 = [].slice.call(arr...
关于[].slice.call(arguments, 1) 的思考
Man_12345的博客
11-22 342
阅读《你不知道的JavaScript》(上)时，发现在一个function中用到了这么一段[].slice.call(arguments, 1) 的代码，参考了优快云博主「漂伶叶」的原创文章关于[].slice.call(arguments, 1) 的思考。 目的：就是为了获取arguments 从1 开始到结尾的所有元素。 只是觉得奇怪为什么不直接用 arguments.slice(1) 这样去使用呢？于是，就自己先做了下面的测试： 测试1 先打印下 arguments var a = functi
[].slice.call(arguments, 1)的含义
weixin_47834388的博客
08-23 252
[]就是一个普普通通的数组 slice:slice(2)就是从下标2开始，截取数组2到结束 call: var a = function (n) { console.log(this, n); } var b = {}; a(1); // log出Window对象, 1 a.call(b, 2); // log出b对象, 2 所以 [].slice.call(arguments, 1) 其含义相当于 arguments.slice(1)，就是取出所有参数，并从下标为1开始，截取所有 ..
对[].slice.call(arguments,1) 的一丢丢见解
热门推荐
CRPER
05-13 1万+
前言 今天偶然翻资料看到一个叫做软绑定的函数,用来确定this的; 原代码 if(!Function.prototype.softBind){ Function.prototype.softBind = function(obj){ var fn = this; var curried = [].slice.call(
【译】JS基础算法脚本：类数组（arguments）去重
weixin_34314962的博客
08-17 189
需求 给出一个类数组，删除要求的重复数据，返回新数组 destroyer([1, 2, 3, 1, 2, 3], 2, 3) should return [1, 1] destroyer([2, 3, 2, 3], 2, 3) should return [] destroyer(["tree", "hamburger", 53], "t...
js的继承，我是搬运工
qq_43613029的博客
06-19 376
https://blog.csdn.net/shimeifang11/article/details/106963096
JS-day4
weixin_42527428的博客
10-02 157
day4 [js] 你对new操作符的理解是什么？手动实现一个new方法 对于： var obj=new Base();复制代码 new操作符具体干了什么？其实就三件事情。 var obj={}; obj.__proto__=Base.prototype; Base.call(obj);复制代码 第一步，创建一个空对象 第二步，将空对象的__proto__属性指向...
Array.prototype.slice.call(arguments);
最新发布
07-07
在 JavaScript 中，类数组对象（如 `arguments` 对象或 DOM 操作返回的 `NodeList`）不具备数组的方法，例如 `slice()`、`map()` 等。为了将这些类数组结构转换为真正的数组以便使用数组方法，开发者常常使用 `Array.prototype.slice.call()`。 ### 作用 `Array.prototype.slice.call(arguments)` 的作用是将一个类数组对象转换为一个新的数组实例。这种技术利用了函数的 `.call()` 方法来改变 `slice()` 函数内部 `this` 的指向，使其可以操作非数组的对象。由于 `slice()` 本身只需要访问对象的索引和 `length` 属性，因此任何具有这两个特性的对象都可以被“切片”成数组。 通过这种方式，`arguments` 对象可以像数组一样进行操作，比如遍历、过滤等[^3]。 ### 使用方法 基本语法如下： ```javascript Array.prototype.slice.call(arrayLikeObject, start, end); ``` - `arrayLikeObject`：要转换的类数组对象。 - `start`（可选）：开始索引，默认为 `0`。 - `end`（可选）：结束索引（不包含该索引对应的元素），默认为 `this.length`。 #### 示例 1. **将 `arguments` 转换为数组** ```javascript function example() { const args = Array.prototype.slice.call(arguments); console.log(args); // 输出: [1, 2, 3] } example(1, 2, 3); ``` 2. **将 `NodeList` 转换为数组** ```javascript const divs = document.querySelectorAll('div'); const divArray = Array.prototype.slice.call(divs); console.log(divArray); // 输出: [div, div, div, ...] ``` 3. **从特定索引开始转换** ```javascript function example() { const args = Array.prototype.slice.call(arguments, 1); console.log(args); // 输出: [2, 3] } example(1, 2, 3); ``` 4. **替代写法：使用 `[].slice.call()`** 除了完整的 `Array.prototype.slice.call(...)` 写法，也可以简写为： ```javascript const args = [].slice.call(arguments); ``` 这种方式更为简洁，并且功能完全一致[^2]。 ### 原理简析 `slice()` 方法本质上并不依赖于对象是否是真正的数组，而是检查其是否具备 `length` 属性以及可以通过索引访问元素。因此，只要传入的对象满足这些条件，`slice()` 就可以将其转换为数组。通过 `.call()` 或 `.apply()`，可以动态地将 `this` 绑定到目标对象上，从而实现类数组对象的“数组化”处理[^4]。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值