Maison >interface Web >js tutoriel >Plusieurs façons de définir des fonctions en JS
Savez-vous combien de façons il existe de créer une fonction en JavaScript ? L'article suivant vous présentera plusieurs méthodes différentes pour définir des fonctions en JavaScript. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.
1. Fonction de déclaration
function sum(a, b) { return a + b; }
2. Fonction d'expression
// 可以命名: (function sum(a, b) { return a + b; }); // 也可匿名 (AVOID): (function(a, b) { return a + b; }); // 也能分配给变量: const sum = function sum(a, b) { return a + b; })
1. 🎜>
3. Fonction flèche// 一般形式:
(a, b) => { return a + b };
// 单参数,一行返回:
name => name.split(' ')
// 多参数,一行返回:
(a, b) => a + b
// 单参数,带函数体
name => { return name.split(' '); }
function *sum(a, b) { yield a + b; }
async function sum(a, b) { return await a + b; }
new Function(‘a’, ‘b’, ‘return a + b;’);
// 默认导出 export default function(a, b) { return a + b; }; // 命名导出 export function sum(a, b) { return a + b; };
// 一般形式:
const object = {
sum: function(a, b) { return a + b; },
};
// 简写:
const object = {
sum(a, b) { return a + b; },
};
const functionName = "sum";
const object = {
[functionName]: function(a, b) { return a + b; },
};
// 一般形式:
const object = {
get answer { return 42; },
set answer(value) { /* 一些操作value的代码 */ },
};
// 使用 defineProperty
const obj = {};
Object.defineProperty(obj, "answer", {
get() { return 42; },
set(value) { /* 一些操作value的代码 */ },
});
const functionName = "answer";
const object = {
get [functionName]() { return 42; },
set [functionName](value) { /* 一些操作value的代码 */ },
};
class Compute {
// 一般形式:
sum(a, b) { return a + b; }
}
class Compute {
// 静态:
static sum(a, b) { return a + b; };
}
class Compute {
// 一般形式:
sum = function (a, b) { return a + b; };
}class Compute {
// 静态:
static sum = function(a, b) { return a + b; };
}
class Compute { // 一般形式: #sum(a, b) { return a + b; } // 静态: static #sum(a, b) { return a + b; } }Résumé
Si vous combinez certaines de ces méthodes, il y a encore plus de possibilités.Connaissez-vous d'autres méthodes ? Veuillez laisser un message et faites-le moi savoir. Recommandations d'apprentissage gratuites associées :
Tutoriel vidéo js
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!