函数与方法

具名函数

具名函数是有名称的函数,可以在定义之前或之后调用。

特点

  1. 有函数名。
  2. 定义后可以多次调用。
  3. 便于调试,因为在调用栈中可以看到函数名。
javascript 复制代码
function add(a, b) {
    return a + b;
}

console.log(add(2, 3)); // 输出: 5

匿名函数

匿名函数没有名称,通常用作回调函数或立即执行函数。

特点

  1. 没有函数名。
  2. 通常在需要一个短小的函数时使用,比如作为参数传递给其他函数。

函数表达式

javascript 复制代码
const multiply = function(a, b) {
    return a * b;
};

console.log(multiply(2, 3)); // 输出: 6

作为回调函数

javascript 复制代码
const numbers = [1, 2, 3, 4];
const doubled = numbers.map(function(number) {
    return number * 2;
});

console.log(doubled); // 输出: [2, 4, 6, 8]

方法

方法是类中的函数,通常操作类的实例数据。

特点

  1. 定义在类内部。
  2. 第一个参数通常是self,代表实例本身。
  3. 可以访问和修改实例属性。
javascript 复制代码
const calculator = {
    add: function(a, b) {
        return a + b;
    },
    subtract(a, b) {
        return a - b;
    }
};

console.log(calculator.add(5, 3)); // 输出: 8
console.log(calculator.subtract(5, 3)); // 输出: 2

Promise 对象的异步操作

then 方法接受两个回调函数作为参数,第一个处理成功的结果,第二个处理失败的结果。

javascript 复制代码
fetch('https://api.example.com/data')
    .then(response => response.json())
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.error('Error:', error);
    });

总结

|------|------------------|------------------------|-----------------------------------|
| 具名函数 | 都是函数,可以接收参数并返回值。 | 有名称,可以在定义之前调用(函数声明提升)。 | 当函数需要在多个地方调用,并且需要函数名称来提高代码可读性时使用。 |
| 匿名函数 | 都是函数,可以接收参数并返回值。 | 没有名称,通常用作回调函数或立即执行函数。 | 当函数只在一个地方使用,特别是作为回调函数时使用。 |
| 方法 | 都是函数,可以接收参数并返回值。 | 是对象的属性,定义在对象或类中。 | 当函数属于某个对象或类,并且需要在对象上下文中调用时使用。 |

相关推荐
星晨雪海9 分钟前
怎么格式化idea中的vue文件
前端·vue.js·intellij-idea
没事多睡觉66615 分钟前
Vue 虚拟列表实现方案详解:三种方法的完整对比与实践
前端·javascript·vue.js
white-persist26 分钟前
Burp Suite模拟器抓包全攻略
前端·网络·安全·web安全·notepad++·原型模式
ObjectX前端实验室39 分钟前
【前端工程化】脚手架篇 - 模板引擎 & 动态依赖管理脚手架
前端
GISer_Jing1 小时前
前端GIS篇——WebGIS、WebGL、Java后端篇
java·前端·webgl
excel1 小时前
Vue3 EffectScope 源码解析与理解
前端·javascript·面试
细节控菜鸡1 小时前
【2025最新】ArcGIS for JS 实现地图卷帘效果
开发语言·javascript·arcgis
不老刘2 小时前
Base UI:一款极简主义的「无样式」组件库
前端·ui
祈祷苍天赐我java之术2 小时前
Redis 有序集合解析
java·前端·windows·redis·缓存·bootstrap·html