【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 )

这篇具有很好参考价值的文章主要介绍了【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 )。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。





一、使用 arguments 获取所有实参




1、arguments 内置对象


在 定义 JavaScript 函数 时 , 有时 不确定 形参的个数 , 形参写少了不够用 , 写多了又很浪费 , 这里 推荐使用 arguments 内置参数对象 ;


在 JavaScript 的 每个函数 的 内部都可以访问 内置的 arguments 对象 ,

该对象中 包含了 调用者 传递给函数的所有 实参 ,

即使 在 函数 形参 中没有明确定义 的 参数 , 仍然可以通过 arguments 内置参数对象 进行获取 ;


2、伪数组概念


函数内部的 arguments 对象 是一个 " 伪数组 " , 其并不是真正的数组 , 其有如下 3 个特点 :

  • 有 length 属性 : 可以 获取 元素 个数 ;
  • 索引存储 : 在 arguments 对象中的元素 , 是 按照索引存储的 , 可以通过索引值获取元素值 ;
  • 没有数组方法 : 无法使用数组的 pop() / push() 等函数 ;

3、arguments 实参遍历


arguments 伪数组 对象 中的 元素个数 , 可以使用 arguments.length 属性获取 ,

同时 也可以 使用 索引下标 访问 arguments 中的 实参 ;


在下面定义的函数中 , 遍历 arguments 内置伪数组对象 代码示例如下 :

        // 定义函数
        function add(num1, num2) {
            // 遍历实参
            for (var i = 0; i < arguments.length; i++) {
                console.log(arguments[i]);
            }
        }

4、arguments 代码示例 - 基本使用


在下面的代码中 , 第一次传入 1, 2 实参 , 将 arguments 参数打印出来 , 可以将这两个值打印出来 , 在 浏览器 命令行中 可展开查看这两个值 ;

第二次 传入 3, 4, 5, 6, 7, 8, 9, 10 值 , 也可以在浏览器中查看传入的 8 个值 ;

代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // JavaScript 函数

        // 定义函数
        function add(num1, num2) {

            // 打印所有的实参
            console.log(arguments);

            // 返回返回值
            return num1 + num2;
        }

        // 函数有返回值
        var ret = add(1, 2);
        console.log("函数返回值 : " + ret);

        ret = add(3, 4, 5, 6, 7, 8, 9, 10);
        console.log("函数返回值 : " + ret);
    </script>
</head>

<body>
</body>

</html>

执行结果 :

【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 ),JavaScript,javascript,开发语言,ecmascript,前端,函数,arguments,伪数组


5、arguments 代码示例 - 遍历实参


代码示例 :

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 设置 meta 视口标签 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript</title>
    <style></style>
    <script>
        // JavaScript 函数

        // 定义函数
        function add(num1, num2) {

            // 打印所有的实参
            console.log(arguments);

            // 遍历实参
            for (var i = 0; i < arguments.length; i++) {
                console.log(arguments[i]);
            }

            // 返回返回值
            return num1 + num2;
        }

        ret = add(3, 4, 5, 6, 7, 8, 9, 10);
        console.log("函数返回值 : " + ret);
    </script>
</head>

<body>
</body>

</html>

执行结果 :
【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 ),JavaScript,javascript,开发语言,ecmascript,前端,函数,arguments,伪数组文章来源地址https://www.toymoban.com/news/detail-855365.html

到了这里,关于【JavaScript】函数 ⑥ ( 使用 arguments 获取所有实参 | arguments 内置对象 | 伪数组概念 )的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【C++进阶知识】04 - 函数默认实参、默认初始化、initializer_list

    默认实参需要注意以下几点: (1)函数默认实参的赋值应从右往左,否则编译报错,因为参数入栈应该从右往左。 (2)类外的默认实参会使类的非默认构造函数变成默认构造函数。 (3)如果在类中添加了该函数的该参数的默认实参,那么在类外再次定义该参数的默认实参

    2024年02月14日
    浏览(41)
  • Httprunner系列(六):httprunner内置函数使用

    类名开头必须是Test 定义的测试类,需要继承httprunner teststeps为测试步骤,每一个测试步骤叫做step step里的RunRequest,是待测的API名字,可按照接口名称填写 .py文件的尾缀,必须是_test Httprunner:导入Httprunner类,后面的测试类,继承于Httprunner Config:全局设置,可以设置全局变

    2023年04月13日
    浏览(41)
  • JavaScript中的时间日期函数new Date()(JS中5种获取时间戳的函数)

    简介: JavaScript 中的 new Date() 方法用于创建一个新的 Date 对象,该对象表示当前日期和时间。Date 对象提供了许多方法和属性,可以用于获取和设置日期和时间信息。 new Date([year, month, day, hour, minute, second, millisecond]) 其中,每个参数都是可选的。如果没有指定参数,则 new Dat

    2024年02月04日
    浏览(67)
  • 在 Less 中使用与 Less 内置函数同名的原生 CSS 函数

    calc() - CSS:层叠样式表 | MDN Getting started - Escaping | Less.js Using The CSS Function calc() Inside The LESS CSS Preprocessor 在原生 CSS 中有以下的函数: calc() 、 max() 、 min() 等,而在 Less 中也有同名的函数,使用的时候可能会冲突,无法得到需要的结果。 对于 calc() ,Less 进行了处理,不会对数

    2024年02月08日
    浏览(55)
  • 使用动态变量名承接实参

    import json json_data = json.loads(prev.getResponseDataAsString()) # Extract the currentAccountList from the JSON data currentAccountList = json_data.get(\\\"data\\\", {}).get(\\\"currentAccountList\\\", []) disbursementAccounts = json_data.get(\\\"data\\\", {}).get(\\\"disbursementAccounts\\\", []) # Initialize an empty list to store account IDs where currency is KES KES_B002_acco

    2024年01月22日
    浏览(43)
  • 匿名函数和常见是内置函数(配合匿名使用)和for循环的原理,异常的捕获

    匿名函数 常见的内置函数(配合匿名函数使用) 可迭代对象 迭代器对象 for循环内部原理 异常捕获

    2024年02月09日
    浏览(42)
  • 编写一个函数,由实参传来一个字符串,统计此字符串中字母、数字、空格和其他字符的个数,在主函数中输入字符串以及输出上述的结果。

    题目: 编写一个函数 ,由实参传来一个字符串,统计此字符串中字母、数字、空格和其他字符的个数, 在主函数中输入字符串以及输出上述的结果。 根据题目要求,来编写程序。 首先,确定主函数部分。其中d=digit数字、s=space空格、l=letter字母、o=other其他字符。 注意:因

    2024年02月04日
    浏览(73)
  • Linux内置的所有字体和简介

    Abattis Cantarell:这是一种无衬线字体,适合用于屏幕显示。它是为 GNOME 桌面环境而设计的。 Abril Fatface:这是一种装饰性的衬线字体,非常适合用于标题和标志。它是由TypeTogether设计的。 Advent Pro:这是一种现代化的无衬线字体,适合用于数字设计和印刷任务。它由 Andreas Ka

    2024年02月08日
    浏览(38)
  • 使用Druid解析SQL,获取SQL中所有使用的表

      Druid SQL Parser分三个模块: - Parser - AST - Visitor 1.1 Parser parser是将输入文本转换为ast(抽象语法树),parser有包括两个部分,Parser和Lexer,其中Lexer实现词法分析,Parser实现语法分析。 1.2 AST AST是Abstract Syntax Tree的缩写,也就是抽象语法树。AST是parser输出的结果。这也是语法树

    2024年02月12日
    浏览(41)
  • React 使用 useRef() 获取循环中所有子组件实例

    之前项目中使用了 antd pro 中的 可编辑表格 (EditableProTable) ,在页面中表格要经过多层遍历后组成的新页面,所以我将之抽成了一个公用的组件,另外在遍历的最外层需要通过一个按钮统一提交表格数据,但是提交数据之前需要对每一个表格进行非空校验。 遍历中引入组件这

    2024年02月11日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包