了解更多有关函数的知识

软文推广2个月前发布 刘老三
5 0

函数是 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 function

function example(){
console.log(“hello cool developers!”)
}

let value = function (){
console.log(” its a function expression.”);
}

说明:由于提升,在声明之前调用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() {
console.log(“This is an IIFE.”);
})();

//Callback functions
setTimeout(function() {
console.log(“This is a callback function.”);
}, 1000);

命名函数:与匿名函数完全相同,但它有一个名称。命名函数表达式的主要目的是,它为函数体内的函数创建一个具有该名称的范围内标识符(引用自 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
setTimeout(function() {
console.log(“This is a callback function.”);
}, 1000);

总体而言,JavaScript 中的函数(包括语句、表达式、匿名和命名函数以及一流函数)为代码组织、抽象和可重用性提供了多种功能,从而促进了更清晰的结构和高效的开发实践。希望本文能让您对 JavaScript 中的函数有更清晰的了解。

© 版权声明

相关文章