JavaScrip(函数)

本文详细介绍了JavaScript中的函数,包括其作为执行代码块的角色、代码复用的优势、声明与调用的语法、参数的使用、形参与实参的概念、返回值的处理以及作用域的基本概念,如全局作用域、局部作用域和作用域链。通过实例解析,帮助开发者更好地理解和运用函数这一核心特性。

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

什么是函数?函数有什么用?

1.function执行特定任务的代码块

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

函数的使用

声明语法:

function 函数名(){
    函数体
}

列:

function sayHi(){
    document.write(`你好~`)
}

函数名命名规范

和变量命名基本一致

’尽量小驼峰式命名法

前缀应该为动词

命名建议:常用动词约定

函数体

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

function sayHi(){
    console.log(`你哈`)//函数体
}
sayHi()

函数传参

有参函数的声明和调用

声明语法

function 函数名(参数列表){
    函数体
}

参数列表 :

1传入数据列表

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

3多个数据用逗号隔开

列:单个参数

function getSquare(num1){
    document.write(num1*num1)
}

列:多个参数

function getSquare(num1,num2){
    document.write(num1+num2)
}

 有参数的函数声明和调用:

调用语法如

function getSquare(num1,num2){
    document.write(num1+num2)
}
getSquare(10,20)//结果为30

形参和实参:

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

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

形参可以理解为是在这个函数内声明的变量(比如 num1 = 10)实参可以理解为是给这个变量赋值 开发中尽量保持形参和实参个数一致

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

注意:形参如果不被赋值,就是undefined

函数返回值:

当调用某个函数,这个函数会返回一个结果出来,这就是有返回值的函数

 用return返回数据

语法:return(数据)  如:return 20

使用方式:

function getSum(num1,num2){
    return num1+num2
}
let num=getSum(30,10)
document.write(num)//40

细节:

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

函数内部只能运行到 1 次 return,并且 return  后面代码不会再被执行,所以 return 后面的数据不要换行写

return会立即结束当前函数

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

作用域

作用域的概述

通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。

1.全局作用域:作用于所有代码执行的环境(整个 script 标签内部)或者一个独立的 js 文件

2.局部作用域:作用于函数内的代码环境,就是局部作用域。 因为跟函数有关系,所以也称为函数作用域。

3.块级作用域:块作用域由 { } 包括,if语句和for语句里面的{ }等

变量作用域特殊情况: - 如果函数内部或者块级作用域内部,变量没有声明,直接赋值,也当全局变量看,但是强烈不推荐 - 函数内部的形参可以看做是局部变量,所以形参相当于函数内部定义的局部变量,只有在函数内部可以使用

变量访问原则-作用域链

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

写在函数内部的局部作用域  如果函数中还有函数,那么在这个作用域中就又可以诞生一个作用域

根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪些数据能被内部函数访问,就称作作用域链

变量访问原则是什么?  作用域链:采取就近原则的方式来查找变量最终的值

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值