JS基础教程8——函数

简介: 函数是被设计为执行特定任务的代码块,函数会在某代码调用它时被执行。

JS基础教程8——函数


JS基础教程8——函数


函数是被设计为执行特定任务的代码块,函数会在某代码调用它时被执行。


函数定义


无参函数

function 函数名(){
    代码块
}

有参函数

function 函数名(变量1,变量2....){
    代码块
}

在函数中,参数是局部变量。


函数调用


函数中的代码将在其他代码调用该函数时执行:


  • 当事件发生时(当用户点击按钮时)
  • 当 JavaScript 代码调用时
  • 自动的(自调用)


例如:

function text() {
    console.log("测试");
}
text();


return


return用于函数返回,代表函数停止执行,return也可以返回值,例如:

function sum(a,b) {
    return a+b
}
var x = sum(10,5);


使用函数的意义


一些功能需要多次使用,此时使用函数就可以避免重复写同样的代码,大大提升了开发效率,或者是需要传不同参数返回结果时,可以有效的完成任务,例如可以自行制作一个简易的计算器,或者不同单位之前的转换等。


函数中,最后是返回值或者没有输出值得时候可以使用变量接收函数,例如上述return中的例子使用变量x来接收函数sum的返回值,如需输出则直接输出变量x即可。


作用域


局部变量


在函数中声明的变量,会成为函数的局部变量,只能在该函数使用,如果函数内外变量名重复,在函数内使用时优先取到函数内的变量(可以理解成地头蛇)。


全局变量


全局变量顾名思义就是整个程序中都可以访问到的变量。

相关文章
|
14天前
|
JavaScript 前端开发 Java
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
本文介绍了JavaScript中常用的函数和方法,包括通用函数、Global对象函数以及数组相关函数。详细列出了每个函数的参数、返回值及使用说明,并提供了示例代码。文章强调了函数的学习应结合源码和实践,适合JavaScript初学者和进阶开发者参考。
26 2
[JS]同事:这次就算了,下班回去赶紧补补内置函数,再犯肯定被主管骂
|
12天前
|
前端开发 JavaScript 开发者
除了 Generator 函数,还有哪些 JavaScript 异步编程解决方案?
【10月更文挑战第30天】开发者可以根据具体的项目情况选择合适的方式来处理异步操作,以实现高效、可读和易于维护的代码。
|
26天前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
29天前
|
存储 JavaScript 前端开发
JS函数提升 变量提升
【10月更文挑战第6天】函数提升和变量提升是 JavaScript 语言的重要特性,但它们也可能带来一些困惑和潜在的问题。通过深入理解和掌握它们的原理和表现,开发者可以更好地编写和维护 JavaScript 代码,避免因不了解这些机制而导致的错误和不一致。同时,不断提高对执行上下文等相关概念的认识,将有助于提升对 JavaScript 语言的整体理解和运用能力。
|
1月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
32 4
|
1月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
16 2
|
1月前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
23 5
|
1月前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
23 3
|
1月前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
18 3
|
1月前
|
存储 JavaScript 前端开发
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
JavaScript数据类型全解:编写通用函数,精准判断各种数据类型
18 0