JavaScript自定义函数的用法

发布时间：2020-07-30 09:01:08 作者：小猪
来源：亿速云阅读：216

这篇文章主要讲解了JavaScript自定义函数的用法，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

一、定义方法：在Javascript中必须用function关键字

function funcName(arg1,arg2...)
{
statements;
return "变量值"; //返回值可以根据函数的需要
}

函数名是函数自身的一个引用。此种方式创立的函数引用是独立存在的，无法删除。

1、调用函数：函数名（参数列表）。

传递的参数不必与函数定义的参数个数一致,并且可以设定函数参数的默认值。

function example(a,b){
  var a = arguments[0] &#63; arguments[0] : 1;//设置参数a的默认值为
  var b = arguments[1] &#63; arguments[1] : 2;//设置参数b的默认值为2
  return a+b;
}
alert(example());  //输出3

其他方法：设置默认参数方式

2、嵌套函数：在JS中，函数的定义中还可以再次定义新的函数

function say()
{
  function add(x,y)
  {
   return (x+y);
  }
  alert(add(2,3));
}
say(); //输出5

内嵌函数add()只能在嵌套它的函数（say()）中调用，而不能再外部调用。

3、条件函数：

var b = false;
if(b)
{
	function ex1()
	{
		alert(1);
	}
		ex1();
}
else
{
	function ex2()
	{
		alert(0);
	}
	     ex2();
}

输出0，将b的值改为TRUE，则输出1，不演示。条件函数的花括号不具有范围限制，即可以在花括号外访问函数。

二、函数的特殊条用方式：网页中的所有方法可以看做全局对象window对象的方法

function add(x,y)
{
	return x+y;
}
//1
alert(window.add(2,3));

//2
alert(window['add'](2,3));

以上结果均是5

三、函数表达式定义函数：匿名函数

1、定义方式：var fucName = function(arg1,arg2,...){statements;}

var add = function (x,y)
{
	return x+y;
}

alert(add(2,3));//输出为5

其中，add是该函数的唯一引用，当add=null,该函数便不能再调用。

2、匿名自执行函数：

(function(x,y)
	{
		alert(x + y) ;
	})(2,3);     //立即自动执行，结果为5

3、匿名函数的用途

2.1 用于一次调用后就丢弃的函数

2.2 向prototype属性附加函数以实现对象方法的定义

四、使用Function定义函数：

在JS中，Function为核心类的一种，而其他方式定义的函数也均作为对象对待，因为在JS中的OOP中，不存在类的概念，这是JS与Java、C#等语言的区别。

var add = new Function(“函数参数”,"函数体"); add为函数名，即函数的一个引用。

var add = new Function('x','y',"return x+y");
alert(add(2,3));

上述的结果为5.

五、闭包函数：当一个函数不位于它所处环境（变量的作用范围）被调用，仍可使用本地变量（脱离了变量的作用范围仍可使用该变量），这是闭包函数的显著特征。

5.1 作为值从函数返回的函数是闭包函数

function B()
{
	var temp="abc";
	function A()
	{
		alert("闭包函数处理本地变量temp = "+temp);
	}
	return A;
}
var a = B();
a();

运行结果：（本地变量是函数内声明的变量）

JavaScript自定义函数的用法

5.2 利用变量的作用范围形成闭包函数

var F;
function B()
{
	var temp="abc";
	F=function ()
	{
		alert("利用变量范围形成闭包函数处理本地变量temp = "+temp);
	}
}
B();
F();

运行结果

JavaScript自定义函数的用法

看完上述内容，是不是对JavaScript自定义函数的用法有进一步的了解，如果还想学习更多内容，欢迎关注亿速云行业资讯频道。

JavaScript自定义函数的用法

相关阅读