最详细的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

相关文章

最新版IDEA配置 Tomcat的详细过程

《最新版IDEA配置Tomcat的详细过程》本文介绍如何在IDEA中配置Tomcat服务器,并创建Web项目,首先检查Tomcat是否安装完成,然后在IDEA中创建Web项目并添加Web结构,接着,... 目录配置tomcat第一步,先给项目添加Web结构查看端口号配置tomcat    先检查自己的to

使用Nginx来共享文件的详细教程

《使用Nginx来共享文件的详细教程》有时我们想共享电脑上的某些文件,一个比较方便的做法是,开一个HTTP服务,指向文件所在的目录,这次我们用nginx来实现这个需求,本文将通过代码示例一步步教你使用... 在本教程中,我们将向您展示如何使用开源 Web 服务器 Nginx 设置文件共享服务器步骤 0 —

Node.js 中 http 模块的深度剖析与实战应用小结

《Node.js中http模块的深度剖析与实战应用小结》本文详细介绍了Node.js中的http模块,从创建HTTP服务器、处理请求与响应,到获取请求参数,每个环节都通过代码示例进行解析,旨在帮... 目录Node.js 中 http 模块的深度剖析与实战应用一、引言二、创建 HTTP 服务器:基石搭建(一

SpringBoot集成SOL链的详细过程

《SpringBoot集成SOL链的详细过程》Solanaj是一个用于与Solana区块链交互的Java库,它为Java开发者提供了一套功能丰富的API,使得在Java环境中可以轻松构建与Solana... 目录一、什么是solanaj?二、Pom依赖三、主要类3.1 RpcClient3.2 Public

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)

《Python基于火山引擎豆包大模型搭建QQ机器人详细教程(2024年最新)》:本文主要介绍Python基于火山引擎豆包大模型搭建QQ机器人详细的相关资料,包括开通模型、配置APIKEY鉴权和SD... 目录豆包大模型概述开通模型付费安装 SDK 环境配置 API KEY 鉴权Ark 模型接口Prompt

在 VSCode 中配置 C++ 开发环境的详细教程

《在VSCode中配置C++开发环境的详细教程》本文详细介绍了如何在VisualStudioCode(VSCode)中配置C++开发环境,包括安装必要的工具、配置编译器、设置调试环境等步骤,通... 目录如何在 VSCode 中配置 C++ 开发环境:详细教程1. 什么是 VSCode?2. 安装 VSCo

Spring Boot 中整合 MyBatis-Plus详细步骤(最新推荐)

《SpringBoot中整合MyBatis-Plus详细步骤(最新推荐)》本文详细介绍了如何在SpringBoot项目中整合MyBatis-Plus,包括整合步骤、基本CRUD操作、分页查询、批... 目录一、整合步骤1. 创建 Spring Boot 项目2. 配置项目依赖3. 配置数据源4. 创建实体类

python与QT联合的详细步骤记录

《python与QT联合的详细步骤记录》:本文主要介绍python与QT联合的详细步骤,文章还展示了如何在Python中调用QT的.ui文件来实现GUI界面,并介绍了多窗口的应用,文中通过代码介绍... 目录一、文章简介二、安装pyqt5三、GUI页面设计四、python的使用python文件创建pytho

SpringBoot整合InfluxDB的详细过程

《SpringBoot整合InfluxDB的详细过程》InfluxDB是一个开源的时间序列数据库,由Go语言编写,适用于存储和查询按时间顺序产生的数据,它具有高效的数据存储和查询机制,支持高并发写入和... 目录一、简单介绍InfluxDB是什么?1、主要特点2、应用场景二、使用步骤1、集成原生的Influ