函数是 JavaScript 的核心基础部分。 Function 允许开发人员编写模块化、抽象、封装、代码组织、可重用性,促进更清晰的代码结构并促进高效的开发实践。让我们来谈谈:函数语句、函数表达式、函数减速、匿名函数、命名函数、一等函数。
函数语句/函数减速:它是函数的正常表达式。顺便说一句,函数减速和函数语句是相同的。
function example(){ console.log(“hello cool developers!”) } |
函数表达式:当函数用作值时,称为函数表达式。
let value = function (){ console.log(” its a function expression.”); } |
现在是时候区分函数语句/函数减速和函数表达式了!
example(); // hello cool developers! value(); // TypeError: value is not a functionfunction example(){ console.log(“hello cool developers!”) } let value = function (){ |
说明:由于提升,在声明之前调用example()可以正常工作。但是,在赋值之前调用value()会导致 TypeError,因为变量值存在,但在代码执行时尚未定义。
匿名函数:那些没有名字的函数称为匿名函数。句法:
function (){ console.log(“I am anonymus function”) } |
但 annonuymus 函数被视为值,尤其是函数表达式、立即调用函数表达式 (IIFE)、回调函数
//function expression let value = function() { console.log(“This is an anonymous function.”); };//Immediately Invoked Function Expressions (IIFE) (function() { //Callback functions |
命名函数:与匿名函数完全相同,但它有一个名称。命名函数表达式的主要目的是,它为函数体内的函数创建一个具有该名称的范围内标识符(引用自 Stack Overflow):
var x = function example() { console.log(typeof example); // “function” }; x(); console.log(typeof example); |
一等函数:函数能够用作值、在另一个函数内传递或作为另一个函数返回,从而使该函数成为一等函数。这里有些例子:
//ex1: where return as a function.. let b = function(parameter){ return function abc(){} } //ex:2: function passed as an argument |
总体而言,JavaScript 中的函数(包括语句、表达式、匿名和命名函数以及一流函数)为代码组织、抽象和可重用性提供了多种功能,从而促进了更清晰的结构和高效的开发实践。希望本文能让您对 JavaScript 中的函数有更清晰的了解。