上一节我们详细讲解了JS中函数的基本知识,本节我们将深入学习如何调用JS中的函数。在 JS 中,函数可以完成许多操作:
1. 定义函数:使用 function 关键字可以定义一个函数,并指定函数名、参数和函数体。
/* 函数名是函数的唯一标识符,参数和返回值任选,函数体是函数的核心 */
function functionName(parameters) {
// 函数体
//return
}2. 调用函数:通过函数名加上括号来调用函数,并传入参数(如果有)。
// 定义函数
function greet(name) {
console.log("Hello, " + name);
}
// 调用函数
greet("JS"); // 输出:Hello, JS3. 匿名函数:可以使用函数表达式创建匿名函数,并将其赋值给变量。
let greet = function(name) {
console.log("Hello, " + name);
};
greet("JS"); // 输出:Hello, JS4. 箭头函数:可以使用箭头函数简化函数的定义,特别适用于简单的函数体。
// 单参数可省略括号
let square = x => x * x;
// 无参数需要空括号
let sayHello = () => console.log("Hello");
// 多参数需要括号
let multiply = (a, b) => a * b;5. 函数作为参数:JavaScript 中的函数可以作为参数传递给其他函数,以实现更高级的功能。
/* 函数作为参数,又被称为回调函数,一次性定时器setTimeout()就是一个回调函数 */
setTimeout(() => {
console.log('Hello JS!');
}, 1000);//1s后控制台打印“Hello JS!”6. 返回值:函数可以使用 return 语句返回一个值,将结果返回给调用者。
function add(a, b) {
return a + b;
}
let result = add(3, 5);
console.log(result); // 输出:87. 函数作用域:函数内部定义的变量在函数外部是不可访问的,这称为函数作用域。而且在 ES6 中引入了块级作用域的 let 和 const 关键字。
function scopeExample() {
let a = 1; // 函数作用域
let b = 2; // 函数作用域
const c = 3; // 函数作用域
if (true) {
let d = 4; // 块级作用域
const e = 5; // 块级作用域
console.log(d + e); // 输出:9
}
}这些是 JavaScript 中常见的函数操作。函数在 JavaScript 中是非常重要和常用的概念,可以用于封装重复的代码,实现模块化和抽象等。
C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:
一点编程也不会写的:零基础C语言学练课程
解决困扰你多年的C语言疑难杂症特性的C语言进阶课程
从零到写出一个爬虫的Python编程课程
只会语法写不出代码?手把手带你写100个编程真题的编程百练课程
信息学奥赛或C++选手的 必学C++课程
蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程
手把手讲解近五年真题的蓝桥杯辅导课程