Arguments(Array-Like Objects)

  arguments对象是所有(非箭头)函数中都可用的局部变量

  拥有四个属性(按照规范来说只有三个了----caller)

  •   arguments.callee---指向当前执行的函数
  •   agruments.caller----指向调用当前函数的函数 (已移除)
  •   arguments.length---指向传递给当前函数的参数数量
  •   arguments.arguments--- 返回一个新的Array迭代器对象,该对象包含参数中每个索引的值

arguments对象可以与剩余参数默认参数解构赋值参数结合使用

function func(...args){
return args
} func(1,2,3) // [1,2,3] /* --------------------------------------------------------- */ function func(a) {
arguments[0] = 99; // 更新了arguments[0] 同样更新了a
console.log(a);
}
func(10); // "use strict"
func(10); // /* --------------------------------------------------------- */ function func(a) {
a = 99; // 更新了a 同样更新了arguments[0]
console.log(arguments[0]);
}
func(10); // "use strict"
func(10); // /* --------------------------------------------------------- */ function func(a = 55) {
arguments[0] = 99; // 更新了arguments[0]不会更新a
console.log(a);
}
func(10); // /* --------------------------------------------------------- */ function func(a = 55) {
a = 99; // 更新了a不会更新arguments[0]
console.log(arguments[0]);
}
func(10); // 总结:
不在严格模式下,arguments[0]改变,会使相对应的形参也发生改变,
修改形参,arguments[0]也会相应被修改
而在严格模式则不会被修改

数组

拥有三个属性,3个方法,N个实例方法(原谅我不数了)

数组是一种类列表对象,它的原型中提供了遍历和修改元素的相关操作

数组与Arguments的区别

  数组是构造函数 typeof Array ( function)

  Arguments是所有(非箭头)函数中都可用的局部变量   使用方式只能在函数中

将Arguments转为Array的方法(摘自hanzichi老师

function fn() {
// Uncaught TypeError: arguments.push is not a function
// arguments.push(4); var arr = [];
for (var i = 0, len = arguments.length; i < len; i++)
arr[i] = arguments[i]; arr.push(4); // [1, 2, 3, 4]
} fn(1, 2, 3); /* ------------------------------------------ */ function fn() {
var arr = Array.prototype.slice.call(arguments);
arr.push(4); // arr -> [1, 2, 3, 4]
} fn(1, 2, 3);
或者可以用 [] 代替 Array.prototype 节省几个字节。 function fn() {
var arr = [].slice.call(arguments);
arr.push(4); // arr -> [1, 2, 3, 4]
} fn(1, 2, 3); /* ------------------------------------------ */
// es6语法
var str = "helloworld";
var arr = Array.from(str);
// ["h", "e", "l", "l", "o", "w", "o", "r", "l", "d"] /* ------------------------------------------ */
// 兼容ie方法 function nodeListToArray(nodes){
var arr, length; try {
// works in every browser except IE
arr = [].slice.call(nodes);
return arr;
} catch(err){
// slower, but works in IE
arr = [];
length = nodes.length; for(var i = 0; i < length; i++){
arr.push(nodes[i]);
} return arr;
}
}

资料参考:MDN Arguments   MDN Array  hanzichi老师的见解

数组和arguments的更多相关文章

  1. 伪数组(arguments及字符串)转数组的方法 贼简单

    超简单的伪数组转数组的方法, 简单到令人发指! (这里伪数组使用arguments) 1.使用 Array.prototype.slice Array.prototype.slice.call(arg ...

  2. 08-为数组和arguments

    <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8&quo ...

  3. (三十六)类数组对象arguments

    类数组对象:arguments 在函数调用时,我们总能见到arguments这个对象,它具体是用来干什么的呢?感觉逼格非常高呢 函数在使用时,我们总会位函数传入各种参数,arguments会将参数储存 ...

  4. 类数组对象arguments 和 数组对象

    arguments并不是一个真正的数组,而是一个“类似数组(array-like)”的对象: 就像下面的这段输出,就是典型的类数组对象: {0:12, 1:23} 一.类数组 VS 数组 相同点: 都 ...

  5. 浅谈js的类数组对象arguments

    类数组对象:arguments总所周知,js是一门相当灵活的语言.当我们在js中在调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的 ...

  6. js 类数组对象arguments

    function Add() { for (var i = 0; i < arguments.length; i++) { console.log(arguments[i]); } } Add( ...

  7. 将arguments转换成数组的方法

    将函数里的arguments,转换成一个真正的数组的方法,arguments是个类数组,除了有实参所组成的类似数组以外,还有自己的属性,如callee,arguments.callee就是当前正在执行 ...

  8. one:arguments对象伪数组

    这是我的第一个博客 <script> //计算N个数字的和 //定义一个函数,如果不确定用户是否传入了参数,或者说不知道用户传入了几个参数,没办法计算, // 但是如果在函数中知道了参数的 ...

  9. javascript arguments(转)

    什么是arguments arguments 是是JavaScript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的.所有主要的js函数库都利用了arguments对象.所以agru ...

随机推荐

  1. Part3_lesson2---ARM指令分类学习

    1.算术和逻辑指令 mov.mvn.cmp.tst.sub.add.and.bic 2.比较指令 cmp和tst 3.跳转指令 b和bl 4.移位指令 lsl和ror 5.程序状态字访问指令 msr与 ...

  2. 【#】Spring3 MVC (三)---请求处理方法 参数及返回值总结

    博客分类:  spring MVCJSPServletCC++ @RequestMapping("/xxxx") public String  aaa(){ } 在处理用户请求的方 ...

  3. [GO]goroutine的使用

    package main import ( "fmt" "time" ) func NewTask() { for true { fmt.Println(&qu ...

  4. Yii项目开发总结

    学习Yii很久了,一直做的是小案例,自以为学的还不错.直到最近用Yii开发了一个非常简单的CMS,一路下来,磕磕绊绊,才知自己不足.加上最近正学习着偏架构方面的知识.特此总结一下.小白经验,大神轻拍, ...

  5. 前端福利之改变placeholder颜色的方法(转)

    之前拿到一个设计图,Placeholder是白色的,所以就查看了一下改变placeholder的方法: input::-webkit-input-placeholder { /* WebKit bro ...

  6. CodeForces 681C Heap Operations (模拟题,优先队列)

    题意:给定 n 个按顺序的命令,但是可能有的命令不全,让你补全所有的命令,并且要求让总数最少. 析:没什么好说的,直接用优先队列模拟就行,insert,直接放入就行了,removeMin,就得判断一下 ...

  7. 一款基于uploadify扩展的多文件上传插件,完全适用于Html5

    http://www.uploadify.com/documentation/  官网里面有两个插件,一个是要使用flash插件才能文件上传的插件,另外一个是不需要使用要flash插件的文件上传插件完 ...

  8. Android 类加载器

    首先需要知道的是android中两个主要的classloader,PathClassLoader和DexClassLoader,它们都继承自BaseDexClassLoader,这两个类有什么区别呢? ...

  9. CodeForces 519E A and B and Lecture Rooms(倍增)

    A and B are preparing themselves for programming contests. The University where A and B study is a s ...

  10. Java50道经典习题-程序2 输出素数

    题目:判断101-200之间有多少个素数,并输出所有素数 分析:判断素数的方法:用一个数分别去除2到(这个数-1)的数,如果能被整除,则表明此数不是素数,反之是素数. public class Pro ...