Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js 箭头函数

作者:浪子无家   发布日期:2025-12-11   浏览:79

// 箭头函数的基本语法

// 1. 简单参数的箭头函数
const add = (a, b) => {
    return a + b;
};
// 解释: 这是一个有两个参数的箭头函数,返回两个参数的和。

// 2. 单个参数的箭头函数
const square = x => x * x;
// 解释: 当只有一个参数时,可以省略括号。这个函数返回参数的平方。

// 3. 隐式返回值的箭头函数
const greet = () => "Hello, world!";
// 解释: 如果函数体只有一行代码,并且是返回一个表达式,可以省略大括号和 return 关键字。

// 4. 使用 this 的箭头函数
const person = {
    name: "Alice",
    greet: function() {
        setTimeout(() => {
            console.log(`Hi, my name is ${this.name}`);
        }, 1000);
    }
};
person.greet();
// 解释: 箭头函数不会创建自己的 this,而是捕获其所在上下文的 this。这里定时器中的 this 指向 person 对象。

上一篇:js 写文件

下一篇:js 反转数组

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js 数组连接

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象数组合并

js 对象转数组

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站