查看: 59|回复: 1

[前端资源] JavaScript函数

发表于 6 天前
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
}());
更多资讯 https://jq./?_wv=1027&k=475UPi2   回复 ww 艳证


回复

使用道具 举报

发表于 5 天前
高级vip 学习交流平台,业内高手云集,只为你疑惑解忧
回复 支持 反对

使用道具 举报