函数与方法

具名函数

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

特点

  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);
    });

总结

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

相关推荐
灵感__idea2 小时前
JavaScript高级程序设计(第5版):好的编程就是掌控感
前端·javascript·程序员
烛阴3 小时前
Mix
前端·webgl
代码续发3 小时前
前端组件梳理
前端
试图让你心动3 小时前
原生input添加删除图标类似vue里面移入显示删除[jquery]
前端·vue.js·jquery
_Kayo_4 小时前
VUE2 学习笔记6 vue数据监测原理
vue.js·笔记·学习
陈不知代码4 小时前
uniapp创建vue3+ts+pinia+sass项目
前端·uni-app·sass
小王码农记4 小时前
sass中@mixin与 @include
前端·sass
陈琦鹏4 小时前
轻松管理 WebSocket 连接!easy-websocket-client
前端·vue.js·websocket
hui函数4 小时前
掌握JavaScript函数封装与作用域
前端·javascript
行板Andante5 小时前
前端设计中如何在鼠标悬浮时同步修改块内样式
前端