JavaScript之函数、返回值、变量作用域、立即执行函数

本文详细介绍了JavaScript中的函数,包括函数的作用、声明语法和调用方式。讨论了函数参数的形参和实参概念,强调了保持两者数量一致的重要性。进一步讲解了函数的返回值,指出return关键字在结束函数并返回结果中的作用。接着,阐述了JavaScript中的变量作用域,包括全局、局部和块级作用域,并提醒避免未声明直接赋值的全局变量。最后,探讨了立即执行函数(IIFE),其在防止全局变量污染方面的用途以及注意事项。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

函数:
function,是被设计为执行特定任务的代码块

说明:

函数可以把具有相同或相似逻辑的代码“包裹”起来,通过函数调用执行这些被“包裹”的代码逻辑,这么做的优势

是有利于精简代码方便复用。

1. 为什么需要函数?

可以实现代码复用,提高开发效率

2. 函数是什么?

function执行特定任务的代码块

函数的声明语法

eb846b1e96a84ae5a75bcf9fc497c60a.png

函数名命名规范

和变量命名基本一致

尽量小驼峰式命名法

前缀应该为动词

命名建议:常用动词约定

1cc56dd2168e46c398333b995fe4dcfb.png

函数的调用语法

5ce83a60242d48a0be3f52b89ac0ab92.png

函数体

函数体是函数的构成部分,它负责将相同或相似代码“包裹”起来,直到函数调用时函数体内的代码才会被执行。函数的功能代码都要写在函数体当中

6c90e9b95f874f0b81e89b44cf31d82a.png

b5ebfcb683bc45d38a1fdaf8a2838b63.png 

0e735ee22aa34a169924032f9a0b4e00.png

 

总结

1. 函数是用那个关键字声明的?

function

2. 函数不调用会执行吗?如何调用函数?

函数不调用自己不执行

调用方式: 函数名() 

3. 函数的复用代码和循环重复代码有什么不同?  循环代码写完即执行,不能很方便控制执行位置

随时调用,随时执行,可重复调用

参数列表

传入数据列表

声明这个函数需要传入几个数据

多个数据用逗号隔开

02aa8d3acec44f67889be8b386b97f6f.png

 形参:声明函数时写在函数名右边小括号里的叫形参(形式上的参数)

实参:调用函数时写在函数名右边小括号里的叫实参(实际上的参数)

形参可以理解为是在这个函数内声明的变量(比如 num1 = 10)实参可以理解为是给这个变量赋值

开发中尽量保持形参和实参个数一致

我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参

7f32d9bae63d4150a34f96aa9b6e5365.png

 d9414438a6a14270944993a072dea9d7.png

 求学生总分

441acd4e91a84c399847b6319a16d640.png

总结

1. 函数传递参数的好处是?

可以极大的提高了函数的灵活性

2. 函数参数可以分为那两类?怎么判断他们是那种参数?

函数可以分为形参和实参

函数声明时,小括号里面的是形参,形式上的参数

函数调用时,小括号里面的是实参,实际的参数

 尽量保持形参和实参的个数一致

3. 参数中间用什么符号隔开?逗号

什么是函数?

函数是被设计为执行特定任务的代码块

缺点:把计算后的结果处理方式写死了,内部处理了

解决:把处理结果返回给调用者

有返回值函数的概念:

当调用某个函数,这个函数会返回一个结果出来

这就是有返回值的函数

提问:执行完特定任务之后,然后呢?

把任务的结果给厨子

d8450b2fbf25431da7a43fc570b5bf8a.png

当函数需要返回数据出去时,用return关键字

6b423e0d98e849ab9187006540f68b67.png

09f9725928e9472a8d94296551aad656.png 

细节:在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用

函数内部只能出现 1 次 return,并且 return 后面代码不会再被执行,所以 return 后面的数据不要换行写  return会立即结束当前函数

函数可以没有 return,这种情况函数默认返回值为 undefined

总结

1. 为什么要让函数有返回值

函数执行后得到结果,结果是调用者想要拿到的(一句话,函数内部不需要

输出结果,而是返回结果) 

对执行结果的扩展性更高,可以让其他的程序使用这个结果

2. 函数有返回值用那个关键字? 有什么注意事项呢?

语法:return 数据

return后面不接数据或者函数内不写return,函数的返回值是undefined

return能立即结束当前函数, 所以 return 后面的数据不要换行写

1515ca2733684ee990b7e70e3c2182db.png

通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。

4ef012d36ed64ed8a638f1ec7cccf0e3.png

 9ebe967bc21f4306a60a630f896465b6.png

8255c2d982194854a1ca7c0dba5f1365.png 

变量的作用域:在JavaScript中,根据作用域的不同,变量可以分为

d2e6d438de9a4c7383f116d3ae1c5b1f.png

d6ee89f6e5694d498f84dac1f6d9a7e4.png 

bb2304c975c34b80ade61a8165abb638.png 

变量的作用域

变量有一个坑, 特殊情况:

如果函数内部或者块级作用域内部,变量没有声明,直接赋值,也当全局变量看,但是强烈不推荐,但是有一种情况,函数内部的形参可以看做是局部变量

d78d5c5fcd674fb9b6228c3b03dd0a3d.png

总结

1. JS 中作用域分为哪三种?

全局作用域。函数外部或者整个script 有效

局部作用域。也称为函数作用域,函数内部有效

块级作用域。 { } 内有效

2.根据作用域不同,变量分为哪三种?

全局变量

局部变量

块级变量

3. 有一种特殊情况是全局变量是那种?我们提倡吗?

局部变量或者块级变量 没有let 声明直接赋值的当全局变量看,强烈不提倡

还有一种特殊情况,函数内部的形参可以当做局部变量看

在不同作用域下,可能存在变量命名冲突的情况,到底改执行谁呢?

ae2c456f10524e599cc6514e04b7bf60.png

变量访问原则-作用域链

只要是代码,就至少有一个作用域

写在函数内部的局部作用域

如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域,根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链

19784238deec4c34846a94d9b909f23b.png

变量访问原则是什么?

作用域链:采取就近原则的方式来查找变量最终的值

函数可以分为:

fa98aa3908cf42b3b63d753a6d157ef3.png

fda3f3e3daca46e3ad5cebff0c08c2ae.png 

将匿名函数赋值给一个变量,并且通过变量名称进行调用 我们将这个称为函数表达式

语法:

c9fd99ba0e2b471b882a210a3e19631f.png

 678cf49f473b4c938e5e3045684f99c7.png

 立即执行函数场景介绍: 避免全局变量之间的污染

90b813572b3044fbb8f2f99d788fe91e.png

注意: 多个立即执行函数要用 ; 隔开,要不然会报错

总结

1. 立即执行函数有什么作用?

防止变量污染

2. 立即执行函数需要调用吗? 有什么注意事项呢?

无需调用,立即执行,其实本质已经调用了

多个立即执行函数之间用分号隔开

f9be9901852945f7980deef72e89b86c.png

5b892007317e4b298bb50a13b143e5dc.png 

转换时间案例

0710dfcfc59c4cd48375e454ad162a56.png

 27756e5e526c4f169ffc7f6320ac06cc.png

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值