上一节我们详细讲解了JS中函数的基本知识,本节我们将深入学习如何调用JS中的函数。在 JS 中,函数可以完成许多操作:

1. 定义函数:使用 function 关键字可以定义一个函数,并指定函数名、参数和函数体。

/* 函数名是函数的唯一标识符,参数和返回值任选,函数体是函数的核心 */
function functionName(parameters) {
  // 函数体
  //return
}

2. 调用函数:通过函数名加上括号来调用函数,并传入参数(如果有)。

// 定义函数
function greet(name) {
  console.log("Hello, " + name);
}
// 调用函数
greet("JS"); // 输出:Hello, JS

3. 匿名函数:可以使用函数表达式创建匿名函数,并将其赋值给变量。

let greet = function(name) {
  console.log("Hello, " + name);
};
greet("JS"); // 输出:Hello, JS

4. 箭头函数:可以使用箭头函数简化函数的定义,特别适用于简单的函数体。

// 单参数可省略括号
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); // 输出:8

7. 函数作用域:函数内部定义的变量在函数外部是不可访问的,这称为函数作用域。而且在 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 中是非常重要和常用的概念,可以用于封装重复的代码,实现模块化和抽象等。

点赞(50)

C语言网提供由在职研发工程师或ACM蓝桥杯竞赛优秀选手录制的视频教程,并配有习题和答疑,点击了解:

一点编程也不会写的:零基础C语言学练课程

解决困扰你多年的C语言疑难杂症特性的C语言进阶课程

从零到写出一个爬虫的Python编程课程

只会语法写不出代码?手把手带你写100个编程真题的编程百练课程

信息学奥赛或C++选手的 必学C++课程

蓝桥杯ACM、信息学奥赛的必学课程:算法竞赛课入门课程

手把手讲解近五年真题的蓝桥杯辅导课程

Dotcpp在线编译      (登录可减少运行等待时间)