javaScript学习第5天（函数）

最新推荐文章于 2024-04-28 11:43:36 发布
最新推荐文章于 2024-04-28 11:43:36 发布
阅读量150 收藏
点赞数
分类专栏： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wl_qianduan/article/details/106963115
版权

函数

什么是函数

函数：完成指定任务并且已经命名的代码块，可以用来进行反复使用。

函数本质上也是一种数据，也属于对象类型；函数也是值，与其他数据类型不同的是，函数中包含的是代码，这些代码是可以执行的。

函数的作用
  1. 解决代码冗余问题，形成代码的复用。
  2. 封装代码，让函数内部的代码对外部不可见。
  3. 可以把整个项目的代码，通过函数模块化。
函数的种类：
  • 系统函数，系统已经提供的一些函数。alert()、parseInt()。
  • 自定义函数，如果系统函数不能满足要求那就自己写。

如果说有系统函数能够实现功能就用系统函数，不要自己写。

函数自定义和调用

步骤：

  1. 将你要实现的功能先写出来。
  2. 将代码用大括号包含起来。
  3. 使用关键字funciton 函数名称()来声明函数。
  4. 将里面经常变得量提取出来作为参数。

需求，打印5行5列的表格。

function printTable() {
    document.write('<table border="1">');
    for (var i = 1; i <= 5; i++) {
        document.write('<tr>');
        for (var j = 1; j <= 5; j++) {
            document.write("<td>第" + i + "行,第" + j + "列</td>");
        }
        document.write('</tr>');
    }
    document.write('</table>');
}

上面确实定义了一个能够打印5行5列的自定义函数，但是不能使用。函数不调用不执行。

调用函数函数名()。

注意：

 function test(){
                console.log('!@#$');
            }
  1. 函数名要有意义。起函数名的规则要遵循标识符的定义规则。
  2. 函数有3种定义方式，__这种声明方式可以重复（可以和自定义、系统函数都可以重复）__发生重复后面的覆盖前面的。
  3. 这种方式声明的函数可以在函数定义之前调用，也可以在函数定义之后调用。
其他声明方式

  • 函数表达式声明

    格式：

    var variable = function(){
    语句;
};

    注意：

    1. 使用函数表达式方式声明的函数，末尾要有分号。

    2. 这种方式声明函数，其外围是表达式。

    3. 这种方式调用函数 必须在创建函数之后（执行到这个表达式才行）。

      第一种方式声明函数会在程序运行之前就已经声明了，这种方式声明函数只会在运行到这一行的时候才声明。

  • 函数构造器声明（不建议用）

    格式：

    var variable = new Function('args0','arg1'......'语句');

    为什么不建议用的原因：

    因为这种方法会导致代码解释两次。

函数的其他注意点

函数是数据，函数名是这个数据的标识。

  1. 如果需要访问函数对应的数据而不执行函数的话，必须去掉函数后面的那对括号。

    test();//因为括号前面是函数  所以他被当做函数调用符来使用了。
console.log(1 * (2 + 3));//括号因为包含的是表达式所以当做分组操作符来使用了。

  2. 函数是一个数据，函数名是标识，一个函数可以有多个标识。

函数的参数

自定义函数的设计原则：用户可以控制自定义函数，可以对自定义函数进行微调。

步骤：

  1. 将你要实现的功能先写出来。
  2. 将代码用大括号包含起来。
  3. 使用关键字funciton 函数名称()来声明函数。
  4. 将里面经常变得量提取出来作为参数。
  • 形参：声明函数时，形式上的参数。
  • 实参：调用函数时在()中实际传入的参数值。

注意：

  1. 形参和实参传值是一一对应的。
  2. 多个形参和多个实参之间使用逗号分隔。
  3. 函数的形参就相当于在函数内部定义了一个变量。
  4. 如果要获得形参的个数，那么可以使用length属性。
  5. JS函数的形参、实参的个数可以不相等。
    • 如果实参比形参少，那么多出来的形参将会自动被赋值为undefiend。
    • 如果实参比形参多，那么多出来的实参可以使用arguments对象来获得。
arguments对象

  • arguments对象只有在函数内部才有。（参数对象）

  • array-like，类数组，像数组但不是数组。为什么像数组因为其中也包含了索引和length属性。

    arguments对象可以使用下标的方式来访问传递进来的实参。

    function printTable(row, column) {
    console.log(row);
    console.log(column);
    console.log(arguments);

    console.log(arguments[0]);
    console.log(arguments[1]);
    console.log(arguments[2]);
    console.log(arguments[3]);
    console.log(arguments[4]);
}
printTable(1,2,3,4,5,6);

  • 函数中的形参在JS中可以不写，可以使用arguments对象获得，但是使用形参会比较方便。

    arguments对象通常用来在处理不知道有多少个实参传递进来的情况：

    任意个数的数值相加

    function total(){
    console.log(arguments);
    var num = 0;
    for (var i = 0; i < arguments.length ;i++) {
        num += arguments[i];
    }
    console.log(num);
}

total(1,2,3);

  • arguments对象中有一个length属性用来确定传递进来多少个实参。

  • arguments对象可以和形参一起使用（但是一般不这样用），他们两个是不一样的东西。传递值给形参是赋值操作，arguments对象是接收到的参数，系统自动放到这个对象中。

    function test(num1){
    console.log(num1 + arguments[1]);
}

test(1,2);

  • arguments对象中保存着一个叫callee的属性，这个属性指向了拥有arguments对象的这个函数

函数的返回值

return语句将return后面的值返回到函数调用处（函数从哪里调用返回到哪里）

什么时候该用return什么时候不用return完全取决于函数的功能，如果你要使用返回的结果那就用return。如果不再使用函数的结果那就不用。

注意：

  1. 函数定义时返回值不是必须的，如果没有给定返回值那么默认也会返回一个值，这个值就是undefined。
  2. 只写一个return,后面不写返回的值，函数也会返回一个值这个值还是undefined。
  3. 函数会在执行完return语句之后停止函数的执行并且退出函数。（return语句之后的任何代码都永远不会执行。）

通过以上这些特点：return有两个作用：

  1. 返回函数最终要返回的值。
  2. 终止函数的执行。（return）

函数的函数体（函数要干什么事）、参数、返回值是组成一个完整函数的三大件。

  • 无参数无返回值。
  • 有参数没有返回值。
  • 无参数有返回值。
  • 有参数有返回。（最多的）

函数其他

IIFE

IIFE: Immediately Invoked Function Expression，意为立即调用的函数表达式，也就是说，声明函数的同时立即调用这个函数。

现在必须将

function(){
    console.log('foo');
}

当成函数表达式语句。

函数表达式语句：不能以大括号开头，不能以function关键字开始（和函数声明很像）

  1. IIFE函数只能运行一次。因为引用类型没有表示，执行完成之后垃圾回收机制就回收了。
  2. 定义之后马上调用，调用完成之后马上释放。
  3. IIFE不会被提升，但是内部的代码因为还是属于函数体所以会被提升。

用处：

  1. 初始化项目时。
  2. 框架里头会用。JQuery.js。
函数的递归调用

递归’很难理解’。

函数的递归调用就是自己调用自己。

递归：进去

归：出来

注意

  1. 自己就是这个函数，是自己调用自己。当自己做完一件现在的事情的时候，你会去做上一次没做完的事。
  2. 递归调用一定要有一个限制，否则就是一直自己调用自己，永不翻身。这就是无限递归。
  3. 递归调用适合用在不确定具体调用多少次的情况。
回调函数

回调函数的精髓：函数是对象类型的值，可以被当做参数传入到函数中。

  • 将一个引用类型赋值给一个变量时，变量存储的是引用类型的地址。
  • 一个引用类型可以有很多名字，一个改变引用类型的值，另外一个的值也会改变。
  • 函数的参数，如果是普通值，即是赋值；如果是引用类型，传递的是引用类型的内存地址。
  • 一个函数本身也是值，一个对象，可以被当做实参传递到函数中并且执行。
  • 一个函数本身也是值，也是一个对象，可以被当做返回值返回回来。

什么是回调函数

回调函数被认为是一种高级函数，一种被作为参数传递给另外一个函数（OF）的高级函数，回调函数会在OF内被调用或执行。

function test(fn){
    console.log('!!!!');
    console.log(fn);//打印函数本身
    fn();//执行函数。
}
function t(){
    console.log('这是t函数!!!');
}
test(t);

回调函数的本质：是一种模式，解决问题的套路。

回调函数的用处

  • 通用化：代码简洁。

    俯瞰整个代码结构。

    将通用的功能提取出来然后将各种规则提取出来。减少了耦合、容易扩展。

  • 事件监听和处理 会用到。

  • Ajax请求数据 会用到。

  • 框架中的各种生命周期函数 会用到。

案例

  1. 定义一个函数，求总价（单价*数量），并且组合成￥100,这种格式。

  2. 定义一个函数，打印100遍：Hello world！！！。（不用参数和返回值）

  3. 定义一个函数，打印N遍：Hello world！！！。（不用返回值，用参数）

  4. 定义一个函数，求1到n的和。

  5. 定义一个函数，求1到n的阶乘。

  6. 定义一个函数，给定一个数组得到这个数组的最大值和最小值。

  7. 封装函数加工数组，每一项加10输出。

  8. 封装函数实现打印1到N的质数。

  9. 封装函数实现数组排序。

  10. 封装函数实现数组翻转。

  11. 封装函数实现数组去重。

前端小白的学习之路
关注
专栏目录
JavaScript函数
小王的博客
06-08 832
JavaScript函数的定义与调用,函数表达式、递归调用、回调函数，函数作用域，闭包函数与预解析
javascript 函数 强化练习
博客
10-08 186
编写求和函数 编写函数求数组的最大值，最小值 编写函数输入个人简介 封装函数加工数组，每一项加10输出 根据用户输入的数值求0到该数值的累加和 根据用户输入的两个数字求出两个数字之前所有整数的累加和 提示用户输入账号和密码，实现登录成功效果，如果失败，再次提示 ...
【JS算法】javascript算出n的阶乘
马云
07-11 1801
定义一个函数，算出n的阶乘 /* * 定义一个函数，算出n的阶乘 */ let x = Number(window.prompt('请输入求阶乘的数：')); console.log(jCheng(x)) function jCheng(x){ return x < 2 ? 1 : x * jCheng(x - 1) }
Javascript 笔记四
超级罗伯特的博客
05-21 273
1. 函数的定义语法 声明式定义函数 function 函数名([参数列表]){ 函数体; [return 值] } 声明变量 var s = 10; 2. 函数的调用 函数名(参数列表) 3. 函数参数分为几种 定义函数的参数 形参 function fn(a,b){ } 调用函数的参数 实参 fn(10,20) var x = prompt() var...
JS的解析与执行过程
Mask_V的博客
02-11 642
仅用作本人以后查看原文地址：https://www.cnblogs.com/lark-/p/7954047.html&lt;script&gt;/*js的解析过程，很有意思的一个东西*///一阶段var a = 5;function f(n){alert(a);}f();/*上面代码的全局处理过程：1、预处理阶段    a、读取分析整个源代码    b、先扫描函数声明，之后扫描变量(var声明) ...
JavaScript学习--splice()函数详解
热门推荐
xian的博客
09-07 16万+
splice()函数详解 splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 参数： index —— 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 howmany —— 必需。要删除的项目数量。如果设置为 0，则不会删除项目。 item1, …, itemX —— 可选。向数组添加的新项目。 返回值 Array —— 包含被删除项目的新数组，如果有的话。 一、情况一 示例：pandas 是基于NumPy 的
19 JavaScript学习：调试
百锦再的博客
04-28 8万+
使用控制台：在浏览器的开发工中的控台输入代码实时查看的函数等信息，帮调试程序4. 使用调试工具一些开环境（）或者浏览器插件提供了专门的调试工具，如Chrome DevTools、Firefox Developer Tools等，可以更，开发者可以发的错误，并及时修复，代码质量和开发效率。使用断点：在浏览器的开发者工具中设置断点，当程序执行到断点处时暂停执行，开发者可以查看当前变量的值、调用栈等信息，帮助定位问题。关键字可以手动触发断点，不需要依赖开发者工具中的设置断点功能，方便在代码中灵活地进行调试。
【学习前端第十九课】JavaScript函数
weixin_65729202的博客
01-18 1682
函数的定义方式很多，再目前来讲我们只看一种标准方式，语法如下function 函数名(参数, ...){//函数体注意点：1、关于函数名，我们可以当成是一个标识符来看待，所以再给函数命名的时候我们需要遵循标识符的规范2、函数的代码体（函数体）里面是可以有任意多条语句的3、后面的大括号不能省那么我们学习函数到底是为了什么，函数可以帮我们解决什么问题？
JavaScript学习手册八：JS函数
qq_45823118的博客
04-20 7835
JS函数1、用函数语句定义函数任务描述相关知识用函数语句定义代码文件2、用表达式定义函数任务描述相关知识用表达式定义代码文件3、函数的调用任务描述相关知识函数的调用代码文件4、未定义的实参任务描述相关知识用函数语句定义代码文件5、实参对象任务描述相关知识实参对象代码文件6、对象作为参数任务描述相关知识对象作为参数代码文件7、函数对象任务描述相关知识函数对象作为另一个函数的参数代码文件 1、用函数语句定义函数 任务描述 本关任务：用函数语句定义一个函数。 具体要求如下： 定义一个名字为mainJs()的函数
JavaScript之全局函数详解
白大锅的博客，毕设WangLoveBai_999
08-31 6万+
JavaScript全局函数前言一、JavaScript全局函数有哪些?二、JavaScript全局函数详解?2.1.Eval()2.1.1.例子一2.1.2.例子二2.1.3.例子三(解析JSON字符串)2.1.3.1.eval解析函数:2.1.3.2.JSON字符串转换为对象的两种方法2.1.3.3.对于服务器返回的JSON字符串，如果jquery异步请求将 type（一般为这个配置属性）设为"json"，或者利 用`$.getJSON()`方法获得服务器返回，那么就不需要`eval()`方法了，因为这
Javascript入门学习第五篇 js函数第1/2页
12-01
JavaScript是Web开发中不可或缺的一部分，尤其对于前端开发者来说，它的重要性不言而喻。本篇文章主要探讨了JavaScript中的...通过深入学习和实践，可以进一步探索闭包、高阶函数、作用域等高级特性，提升编程能力。
带你学习javascript的函数进阶（二）
01-08
在JavaScript中，函数是核心概念之一，而深入理解其进阶特性对于提升编程技能至关重要。本文将探讨四个关键主题：严格模式、高阶函数、闭包以及递归，这些都是JavaScript函数的重要方面。 **1. 严格模式** 严格...
javascript四舍五入函数代码分享(保留后几位)
12-11
直接看代码吧 参数一：要保留小数位的数字 参数二：要保留的位数 代码如下:function FormatNumber(srcStr,nAfterDot){ var srcStr,nAfterDot; var resultStr,nTen; srcStr = “”+srcStr+””;...
Javascript学习笔记之数组的构造函数
10-25
在学习JavaScript数组的构造函数时，我们需要了解如何使用它来创建数组以及如何进行一些常见的数组操作。 首先，我们需要知道如何使用数组的构造函数来创建一个新数组。通常情况下，我们可以直接使用方括号“[]”...
基于C语言的Dao编程语言设计源码
最新发布
09-28
该项目是一款名为Dao的编程语言设计源码，采用C语言为主要开发语言，并辅以C、C++、Shell和CSS等语言。项目文件共计225个，其中包含126个Dao源文件、39个C源文件、36个C头文件、9个C++源文件、3个文本文件、2个Vim配置文件、1个ChangeLog文件、1个daomake工具文件、1个README文件、1个配置文件。这个项目旨在构建一个高效、可扩展的编程语言环境。
如何自定义数据集进行目标检测_keras-yolo3.zip
09-28
如何自定义数据集进行目标检测_keras-yolo3
基于JavaScript及多语言融合的勤工俭学平台设计源码
09-28
本项目是一款基于JavaScript及多语言融合的勤工俭学平台设计源码，共计367个文件，涵盖231个Java源代码文件、27个XML配置文件、23个JavaScript文件、19个CSS文件、8个PNG图像文件以及少量其他类型文件。该平台旨在为勤工俭学活动提供高效便捷的解决方案，支持多种语言的交互，满足不同用户的需求。
初始化对LoRA微调动态的影响研究
09-28
内容概要：研究了低秩适应（Low Rank Adaptation, LoRA）方法下不同随机初始化设置的效果与动态特性。论文主要发现，在初始化矩阵B为零、矩阵A随机时，模型通常可以使用更大的学习率并取得较好的效果，但这种情况下会出现内部不稳定现象。然而当A被初始化为零而B随机时，则不具备上述优势。通过理论和大量实验证明，初始化选择A而非B将导致更好的优化结果与训练稳定性。 适合人群：机器学习、神经网络的研究员、深度学习领域的科研学者。 使用场景及目标：在大规模语义模型的参数调整过程中选择恰当的初始化配置，从而提升效率以及性能。对于LoRA微调任务来说，在有限算力条件下高效地利用少量新增训练参数进行自适座行动。 其他说明：文中提出的结论有助于未来改进基于小样本学习的任务，同时指出了目前两种初始化方式均存在缺陷，提示可能需要进一步的研究来解决这些问题。尽管当前方法表现优于默认的LoRA初始化，但仍有一定局限性和潜在改进方向。
【PFJSP问题】基于matlab豪猪算法CPO求解置换流水车间调度问题PFSP【含Matlab源码 7895期】.mp4
09-28
Matlab领域上传的视频均有对应的完整代码，皆可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描视频QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作
深入理解JavaScript：函数与函数表达式
在JavaScript中，函数是第一类对象，这意味着它们可以被赋值给变量，作为参数传递，以及作为其他函数的返回值。本文将详细讲解函数声明与函数表达式之间的差异，并探讨命名函数表达式及其相关的注意事项。 1. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值