最详细的JS学习笔记(连载)第二章、函数(arguments)

2024-06-12 00:36

本文主要是介绍最详细的JS学习笔记(连载)第二章、函数(arguments),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

函数属性arguments

(1)高阶函数

高阶函数:所谓高阶函数就是操作函数的函数,它接收一个或多个函数作为参数,并返回新函数

参数arguments 函数内置的实参集合

  1. 、类数组集合,集合中存着所有函数执行时,传递实参的信息。
  2. 、不论有没有设置形参,arguments都会存在。
  3. 、不论有没有传递形参,arguments都会存在

当函数被调用时,会得到一个免费奉送的参数数组,那就是arguments数组。通过它,函数可以访问所有它被调用时传递给他的参数列表。这使得编写一个无需指定参数个数的函数成为可能。

    var sum = function(){

        var i ,sum =0;

        for(i = 0;i<arguments.length;i+=1){

            sum+=arguments[i];

        }

        return sum;

    };

    document.writeln(sum(4,5,23,13,35,46,-10));//116

在ECMAScript中的参数在内部是用一个数组来表示的,函数接收到的始终都是这个数组,而不关心数组中包含哪些参数

function add(num1,num2){

    num = num1 + num2;

    return num;

}

var result = 12,count = 20;

alert(add(result,count));       //32;命名的参数只提供便利,解析器不会验证命名参数

实际上,arguments并不是一个真正的数组,它只是一个类数组的对象,它拥有一个length属性,但他缺少所有数组的方法。另外,arguments对象的长度是由传入的参数个数决定的,而不是由定义函数时的命名参数的个数决定的

函数在定义或者声明的时候,所有的参数都是形参,因此,我们可以根据实际情况来命名参数,函数也只有在被调用时才会传入实参。而每个函数在被调用时都会自动取得两个特殊变量:this 和 arguments

(2) arguments

1)作用

1.在js中函数定义没有任何参数,调用该函数时可以传递任意参数!

2.arguments对象是类数组对象。

3.arguments对象的length属性:获取函数的实参个数!

4.利用arguments对象特性,实现模拟函数的重载的效果.

找出数组的最大值

var x=findMax(1,123,500,115,44,88);

function findMax(){

    var i,max=0;

    for(i=0;i<arguments.length;i++){

       if(arguments[i]>max){

           max=arguments[i];

}

}

return max;

}

计算数组中的值的和

var x=findMax(1,123,500,115,44,88);

function sumAll(){

    var i,sum=0;

    for(i=0;i<arguments.length;i++){

       sum+=arguments[i];

}

return sum;

}

2)arguments 是函数内置(天生自带的)接收参数的机制

(1)是一个函数内置的接收参数的集合,arguments获取的是一个类数组。
(2)有一个叫做length的属性:arguments.length获取传递参数的个数以数字作为索引,索引从0开始逐级的递增,索引代表第几个传递进来的参数值arguments[0] 第一个参数值  arguments[1] 第二个参数值  arguments[索引] 第索引+1个参数值。

function fn(){

    var total=0;

    for(var i=0; i<argument.length;i++){

    var   cur=argument[i];

    total+=cur;

}

console.log(total);

}

3)自己独有的属性:callee  指向当前正在执行的函数。  arguments.callee代表的是函数本身

function foo(x,y,z){

    console.log(arguments.length);     //2

    console.log(arguments[0]);     //1

    arguments[0]=10;

    console.log(x);                //有绑定关系,形参x被修改为10

    arguments[2]=100;              //z未传入

    console.log(z);             //没有绑定关系,z仍然是undefined

    console.log(arguments.callee===foo);      //true,严格模式禁止使用

}

foo(1,2);

console.log(foo.length);    //3

console.log(foo.name);          //"foo"

好处:使得编写一个无须指定参数个数的函数成为可能。

foo.length拿到形参的个数。在函数内和函数外都有效。foo.length===arguments.callee.length

arguments.length拿到实际传参的个数。

arguments.callee当前正在执行的函数

foo.name拿到函数名。

坑:尝试通过arguments[2]=100修改未传入的z的值,z还是undefined。就是说:参数如果没传进来的话,arguments和参数没有改下修改这样的绑定关系。

5、函数的递归

callee是arguments对象的一个属性。它可以用于引用该函数的函数体内当前正在执行的函数。

函数的递归,即一个函数在通过名字调用自身的情况下构成的:

通过使用argument.callee代替函数名://arguments.callee是一个指向正在执行的函数的指针

    function factorial(num){

        if(num<=1){

            return 1;

        }else{

            return num*arguments.callee(num-1);

        }

    }


本人是以网络视频与网络文章的方式自学的,并按自己理解的方式总结了学习笔记。有不正确之处请各位高手多多指点,一起学习进步。【VX:czlingyun    暗号:CSDN】

这篇关于最详细的JS学习笔记(连载)第二章、函数(arguments)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1052695

相关文章

Java调用DeepSeek API的最佳实践及详细代码示例

《Java调用DeepSeekAPI的最佳实践及详细代码示例》:本文主要介绍如何使用Java调用DeepSeekAPI,包括获取API密钥、添加HTTP客户端依赖、创建HTTP请求、处理响应、... 目录1. 获取API密钥2. 添加HTTP客户端依赖3. 创建HTTP请求4. 处理响应5. 错误处理6.

Spring AI集成DeepSeek的详细步骤

《SpringAI集成DeepSeek的详细步骤》DeepSeek作为一款卓越的国产AI模型,越来越多的公司考虑在自己的应用中集成,对于Java应用来说,我们可以借助SpringAI集成DeepSe... 目录DeepSeek 介绍Spring AI 是什么?1、环境准备2、构建项目2.1、pom依赖2.2

前端原生js实现拖拽排课效果实例

《前端原生js实现拖拽排课效果实例》:本文主要介绍如何实现一个简单的课程表拖拽功能,通过HTML、CSS和JavaScript的配合,我们实现了课程项的拖拽、放置和显示功能,文中通过实例代码介绍的... 目录1. 效果展示2. 效果分析2.1 关键点2.2 实现方法3. 代码实现3.1 html部分3.2

Goland debug失效详细解决步骤(合集)

《Golanddebug失效详细解决步骤(合集)》今天用Goland开发时,打断点,以debug方式运行,发现程序并没有断住,程序跳过了断点,直接运行结束,网上搜寻了大量文章,最后得以解决,特此在这... 目录Bug:Goland debug失效详细解决步骤【合集】情况一:Go或Goland架构不对情况二:

Python itertools中accumulate函数用法及使用运用详细讲解

《Pythonitertools中accumulate函数用法及使用运用详细讲解》:本文主要介绍Python的itertools库中的accumulate函数,该函数可以计算累积和或通过指定函数... 目录1.1前言:1.2定义:1.3衍生用法:1.3Leetcode的实际运用:总结 1.1前言:本文将详

Deepseek R1模型本地化部署+API接口调用详细教程(释放AI生产力)

《DeepseekR1模型本地化部署+API接口调用详细教程(释放AI生产力)》本文介绍了本地部署DeepSeekR1模型和通过API调用将其集成到VSCode中的过程,作者详细步骤展示了如何下载和... 目录前言一、deepseek R1模型与chatGPT o1系列模型对比二、本地部署步骤1.安装oll

Java深度学习库DJL实现Python的NumPy方式

《Java深度学习库DJL实现Python的NumPy方式》本文介绍了DJL库的背景和基本功能,包括NDArray的创建、数学运算、数据获取和设置等,同时,还展示了如何使用NDArray进行数据预处理... 目录1 NDArray 的背景介绍1.1 架构2 JavaDJL使用2.1 安装DJL2.2 基本操

JS 实现复制到剪贴板的几种方式小结

《JS实现复制到剪贴板的几种方式小结》本文主要介绍了JS实现复制到剪贴板的几种方式小结,包括ClipboardAPI和document.execCommand这两种方法,具有一定的参考价值,感兴趣的... 目录一、Clipboard API相关属性方法二、document.execCommand优点:缺点:

Spring Boot整合log4j2日志配置的详细教程

《SpringBoot整合log4j2日志配置的详细教程》:本文主要介绍SpringBoot项目中整合Log4j2日志框架的步骤和配置,包括常用日志框架的比较、配置参数介绍、Log4j2配置详解... 目录前言一、常用日志框架二、配置参数介绍1. 日志级别2. 输出形式3. 日志格式3.1 PatternL

Springboot 中使用Sentinel的详细步骤

《Springboot中使用Sentinel的详细步骤》文章介绍了如何在SpringBoot中使用Sentinel进行限流和熔断降级,首先添加依赖,配置Sentinel控制台地址,定义受保护的资源,... 目录步骤 1: 添加 Sentinel 依赖步骤 2: 配置 Sentinel步骤 3: 定义受保护的