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即可。


作用域


局部变量


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


全局变量


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

相关文章
|
19天前
|
前端开发 JavaScript 开发者
揭秘JavaScript魔法三剑客:call、apply、bind,解锁函数新世界,你的前端之路因它们而精彩!
【8月更文挑战第23天】在 JavaScript 的世界里,`call`、`apply` 和 `bind` 这三个方法常常让新手感到困惑。它们都能改变函数执行时的上下文(即 `this` 的指向),但各有特点:`call` 接受一系列参数并直接调用函数;`apply` 则接收一个参数数组,在处理不确定数量的参数时特别有用;而 `bind` 不会立即执行函数,而是创建一个新版本的函数,其 `this` 上下文已被永久绑定。理解这三个方法能帮助开发者更好地运用函数式编程技巧,提升代码灵活性和可维护性。
24 0
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-函数的返回值
关于JavaScript函数返回值的基础知识。
18 9
JavaScript基础知识-函数的返回值
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
14 4
JavaScript基础知识-函数的参数
|
9天前
|
JavaScript 前端开发
JavaScript基础知识-立即执行函数
关于JavaScript基础知识中立即执行函数的介绍。
13 2
JavaScript基础知识-立即执行函数
|
6天前
|
JavaScript 前端开发
JavaScript 函数
JavaScript 函数
19 9
|
8天前
|
JavaScript 前端开发
前端JS函数
【9月更文挑战第4天】前端JS函数
19 6
|
4天前
|
存储 JavaScript 前端开发
JS中的数组有哪些常用操作函数和属性
【9月更文挑战第7天】JS中的数组有哪些常用操作函数和属性
8 1
|
15天前
|
JavaScript NoSQL 前端开发
|
11天前
|
自然语言处理 JavaScript 前端开发
|
17天前
|
SQL JavaScript 前端开发
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题
【Azure 应用服务】Azure JS Function 异步方法中执行SQL查询后,Callback函数中日志无法输出问题