zoukankan      html  css  js  c++  java
  • 关于 js中的arguments 对象

    arguments对象包含了函数运行时的所有参数,arguments[0]就是第一个参数,arguments[1]就是第二个参数,以此类推。这个对象只有在函数体内部,才可以使用。

    var f = function (one) {
      console.log(arguments[0]);
      console.log(arguments[1]);
      console.log(arguments[2]);
    }
    
    f(1, 2, 3)
    // 1
    // 2
    // 3

    正常模式下,arguments对象可以在运行时修改。

    var f = function(a, b) {
      arguments[0] = 3;
      arguments[1] = 2;
      return a + b;
    }
    
    f(1, 1) // 5

    严格模式下,arguments对象是一个只读对象,修改它是无效的,但不会报错。

    var f = function(a, b) {
      'use strict'; // 开启严格模式
      arguments[0] = 3; // 无效
      arguments[1] = 2; // 无效
      return a + b;
    }
    
    f(1, 1) // 2

    上面代码中,函数体内是严格模式,这时修改arguments对象就是无效的。

    通过arguments对象的length属性,可以判断函数调用时到底带几个参数。

    function f() {
      return arguments.length;
    }
    
    f(1, 2, 3) // 3
    f(1) // 1
    f() // 0

    (2)与数组的关系

    需要注意的是,虽然arguments很像数组,但它是一个对象。数组专有的方法(比如sliceforEach),不能在arguments对象上直接使用。

    如果要让arguments对象使用数组方法,真正的解决方法是将arguments转为真正的数组。下面是两种常用的转换方法:slice方法和逐一填入新数组。

    var args = Array.prototype.slice.call(arguments);
    
    // 或者
    var args = [];
    for (var i = 0; i < arguments.length; i++) {
      args.push(arguments[i]);
    }
  • 相关阅读:
    Webpack探索【3】--- loader详解
    Webpack探索【2】--- 安装、项目初始化、webpack.config.js配置文件
    Redux
    Object.defineProperty
    Promise A/+ 简单实现
    css 布局
    Redis
    meta 详解
    sublime Text 3 快捷键
    Question
  • 原文地址:https://www.cnblogs.com/likewpp/p/9598877.html
Copyright © 2011-2022 走看看