JavaScript函数

JavaScript中的功能

函数是一组代码，它是独立的，并由名称或变量引用。一个函数可以重用，因此它们有助于减少代码。功能参考类型。在函数内部声明的变量是局部变量。因此，它们只能在相同的功能中使用，而不能在外部功能上使用。

JavaScript函数是一流的对象。他们可以存储值，可以更改，分配给变量，存储在数组和对象中，可以在另一个函数内部具有函数。typeof运算符可以检测函数的数据类型。

功能可以轻松重复使用。要调用一个函数，我们可以使用诸如点击，悬停，提交，焦点，mousemove等事件，或者只是通过函数名称后跟括号来调用。如果函数名称为myFunction，则使用myFunction()调用或调用函数。

JavaScript中的函数类型

1、功能声明

2、函数表达式

3、立即调用功能

4、递归函数

函数声明

函数声明是在javascript中声明函数的最常用的方法。甲函数关键字开始并随后函数名，然后括号（），然后编写的代码大括号内{}。这是一个例子。

如何在javascript中声明函数

function function_name(){

}

要调用或调用函数，请使用function_name（）。在声明之后或之后，我们可以调用声明的函数。它们也被称为命名函数。

函数声明示例

sayHello() // will work

function sayhello(){

alert("Hello there")

}

sayHello() // will work

document.querySelector("button").addEventListener("click",sayHello);

函数表达式

另一种创建功能的方法是函数表达式。在函数表达式中，声明一个变量，然后分配一个匿名函数，因为它没有名称。它们不是命名函数，因为它们存储在变量中。

函数表达式仅在函数后被调用。如果我们之前调用一个函数表达式，则会发生错误（没有定义function_name）。

good_bye() // will not work

var good_bye=function(){

alert("Good Bye")

};

good_bye() // will work

//call using event listener

document.querySelector("button").addEventListener("click",good_bye());

调用按钮上的功能。

要点击按钮来调用功能，请使用下面的示例。在第一个示例中，在按钮单击上创建一个功能。在第二个例子中，一个已经建立的函数（myFunction）被调用按钮点击。由于函数在另一个函数（addEventListener）中使用，因此不需要使用括号。

document.querySelector("button").addEventListener("click",function(){

//action});

ordocument.querySelector("button").addEventListener("click", myFunction;function myFunction(){

//action};

注意

首先创建表达式函数，然后调用它。如果我们以前调用了一个表达式函数，就会发生错误。函数表达式后还需要分号。

参数和参数

一个函数可以有参数。一个函数的默认参数是undefined。当声明时，它们被称为参数，但是当函数被调用时，它们是 参数。

参数和参数之间的差异

function mean(x,y,z){

var sum =x+y+z; // x, y and z are parameters

var a=sum/3;

return a;

}

var i=mean(1,2,9); // 1,2,9 are arguments, value of i is 4

var j=mean(2,3,4); // 2,3,4 are arguments, value of j is 3

typeof mean; // function

typeof mean(); // number

立即调用功能

立即调用函数或自调用函数是匿名函数调用自身函数。

(function(){

// statement inside

}());

需要资料请关注微信公众号

免费领取资料请关注微信公众号：芒果web 

扫一扫免费领取资料