码迷,mamicode.com
首页 > 编程语言 > 详细

数组和arguments

时间:2018-03-30 18:28:56      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:uncaught   cal   tle   nodelist   class   col   callee   nal   span   

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); // 99


"use strict" 
func(10); // 10

/* --------------------------------------------------------- */

function func(a) { 
  a = 99;              // 更新了a 同样更新了arguments[0] 
  console.log(arguments[0]);
}
func(10); // 99

"use strict" 
func(10); // 10

/* --------------------------------------------------------- */

function func(a = 55) { 
  arguments[0] = 99; //  更新了arguments[0]不会更新a
  console.log(a);
}
func(10); // 10

/* --------------------------------------------------------- */

function func(a = 55) { 
  a = 99; // 更新了a不会更新arguments[0]
  console.log(arguments[0]);
}
func(10); // 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

标签:uncaught   cal   tle   nodelist   class   col   callee   nal   span   

原文地址:https://www.cnblogs.com/failed/p/8677603.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!