js函数怎么用？常见的编程语言js函数使用技巧

在JavaScript中，使用函数实现代码重用，而且函数本身就是一个对象。

本文主要介绍JavaScript函数的使用。

1、JavaScript函数的主要知识点

JavaScript函数主要有如下的知识点：

（1）使用function关键字来定义函数；

（2）可以定义匿名函数；

（3）可以通过创建Function对象，定义函数；

（4）可以在函数内部定义局部函数；

（5）在单个<script>内部，函数可以先使用后定义；

（6）调用函数时，参数采用传值的方式。

2、函数的普通定义方式

下面的func001.html文件，实现了函数的普通定义方式：

<!DOCTYPE html><html><head><title>func001</title><metacharset="utf-8"/></head><body><script>functionsayHello()
{
alert("Hello, world!");
}
sayHello();
</script></body></html>

使用浏览器打开该文件，显示如下：

说明：func001.html文件定义了函数sayHello，紧接着调用该函数。

3、定义匿名函数

下面的func002.html文件，定义了匿名函数：

<!DOCTYPE html><html><head><title>func002</title><metacharset="utf-8"/></head><body><script>vartheFunc = function()
{
alert("This is an anonymous function!");
};
theFunc();
</script></body></html>

使用浏览器打开该文件，显示如下：

说明：func002.html文件定义了一个匿名函数，并赋值给theFunc变量，然后以函数的形式调用theFunc变量。

4、通过创建Function对象来定义函数

下面的func003.html文件通过创建Function对象来定义函数：

<!DOCTYPE html><html><head><title>func003</title><metacharset="utf-8"/></head><body><script>vartheFunc = newFunction('alert("This is an Function object!");');
theFunc();
</script></body></html>

使用浏览器打开该文件，显示如下：

说明：创建Function对象时，最后一个参数是函数体的代码，前面的参数是传给新建立函数的参数。

这种方式非常不直观，不建议使用。

5、在函数内部建立局部函数

下面的func004.html文件建立了局部函数：

<!DOCTYPE html><html><head><title>func004</title><metacharset="utf-8"/></head><body><script>functionsayHello()
{
functionsubFunc1()
{
return"subFunc1 is called.\n";
}

functionsubFunc2()
{
return"subFunc2 is called.\n";
}

vartheString = "Hello, world!\n"+ subFunc1() + subFunc2();
alert(theString);
}
sayHello();
</script></body></html>

使用浏览器打开该文件，显示如下：

说明：这里建立的局部函数subFunc1和subFunc2，只能在sayHello函数内部可见。

6、在单个<script>内部，函数可以先使用后定义

下面的func005.html文件，先调用函数，然后才定义：

<!DOCTYPE html><html><head><title>func005</title><metacharset="utf-8"/></head><body><script>sayHello();
functionsayHello()
{
alert("Hello, world!");
}
</script></body></html>

使用浏览器打开该文件，显示如下：