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

相关文章

Python函数作用域与闭包举例深度解析

《Python函数作用域与闭包举例深度解析》Python函数的作用域规则和闭包是编程中的关键概念,它们决定了变量的访问和生命周期,:本文主要介绍Python函数作用域与闭包的相关资料,文中通过代码... 目录1. 基础作用域访问示例1:访问全局变量示例2:访问外层函数变量2. 闭包基础示例3:简单闭包示例4

Python中isinstance()函数原理解释及详细用法示例

《Python中isinstance()函数原理解释及详细用法示例》isinstance()是Python内置的一个非常有用的函数,用于检查一个对象是否属于指定的类型或类型元组中的某一个类型,它是Py... 目录python中isinstance()函数原理解释及详细用法指南一、isinstance()函数

python中的高阶函数示例详解

《python中的高阶函数示例详解》在Python中,高阶函数是指接受函数作为参数或返回函数作为结果的函数,下面:本文主要介绍python中高阶函数的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录1.定义2.map函数3.filter函数4.reduce函数5.sorted函数6.自定义高阶函数

Python的pandas库基础知识超详细教程

《Python的pandas库基础知识超详细教程》Pandas是Python数据处理核心库,提供Series和DataFrame结构,支持CSV/Excel/SQL等数据源导入及清洗、合并、统计等功能... 目录一、配置环境二、序列和数据表2.1 初始化2.2  获取数值2.3 获取索引2.4 索引取内容2

Python中的sort方法、sorted函数与lambda表达式及用法详解

《Python中的sort方法、sorted函数与lambda表达式及用法详解》文章对比了Python中list.sort()与sorted()函数的区别,指出sort()原地排序返回None,sor... 目录1. sort()方法1.1 sort()方法1.2 基本语法和参数A. reverse参数B.

JS纯前端实现浏览器语音播报、朗读功能的完整代码

《JS纯前端实现浏览器语音播报、朗读功能的完整代码》在现代互联网的发展中,语音技术正逐渐成为改变用户体验的重要一环,下面:本文主要介绍JS纯前端实现浏览器语音播报、朗读功能的相关资料,文中通过代码... 目录一、朗读单条文本:① 语音自选参数,按钮控制语音:② 效果图:二、朗读多条文本:① 语音有默认值:②

在Node.js中使用.env文件管理环境变量的全过程

《在Node.js中使用.env文件管理环境变量的全过程》Node.js应用程序通常依赖于环境变量来管理敏感信息或配置设置,.env文件已经成为一种流行的本地管理这些变量的方法,本文将探讨.env文件... 目录引言为什么使php用 .env 文件 ?如何在 Node.js 中使用 .env 文件最佳实践引

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

Python屏幕抓取和录制的详细代码示例

《Python屏幕抓取和录制的详细代码示例》随着现代计算机性能的提高和网络速度的加快,越来越多的用户需要对他们的屏幕进行录制,:本文主要介绍Python屏幕抓取和录制的相关资料,需要的朋友可以参考... 目录一、常用 python 屏幕抓取库二、pyautogui 截屏示例三、mss 高性能截图四、Pill

使用Node.js和PostgreSQL构建数据库应用

《使用Node.js和PostgreSQL构建数据库应用》PostgreSQL是一个功能强大的开源关系型数据库,而Node.js是构建高效网络应用的理想平台,结合这两个技术,我们可以创建出色的数据驱动... 目录初始化项目与安装依赖建立数据库连接执行CRUD操作查询数据插入数据更新数据删除数据完整示例与最佳