JavaScript函数

JavaScript中的功能

JavaScript函数_第1张图片

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

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

}());


JavaScript函数_第2张图片
需要资料请关注微信公众号

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

JavaScript函数_第3张图片
扫一扫免费领取资料

你可能感兴趣的:(JavaScript函数)