JavaScript函数基础:定义、参数、返回值与变量作用域详解

作者:青柠

时间:2026-10-29

浏览:278

本文系统介绍JavaScript函数的核心概念,涵盖函数定义语法、多参数传递机制、return语句的返回值处理及提前退出逻辑,并深入解析局部变量与全局变量的作用域差异。通过完整代码示例展示对象属性遍历与实例化,帮助开发者掌握JS函数编写规范与变量管理技巧。

文章目录

JavaScript函数基础定义

函数是由花括号包裹的代码块,并在开头使用function关键字进行声明:

代码如下:

function functionName()
{
这里是要执行的代码
}

函数参数与返回值机制

函数参数 函数的参数可以任意多个,不用声明变量类型,只用给出变量名:

代码如下:

function myFunction(name, job)
{
这里是要执行的代码
}

函数返回值 在函数中使用return语句,函数会停止执行,返回调用它的地方。

函数的返回值也不用声明类型,直接返回即可。

代码如下:

function myFunction()
{
var x=5;
return x;
}

上面的函数会返回返回值5。

注:整个 JavaScript 并不会停止执行,仅仅是函数。

JavaScript 将继续执行代码,从调用函数的地方。

函数调用将被返回值取代:

代码如下:

var myVar=myFunction();

仅仅希望退出函数时 ,也可使用 return 语句。

返回值是可选的:

代码如下:

function myFunction(a,b)
{
if (a>b)
    {
return;
    }
x=a+b;
}

当a大于b时不再往下执行,而是直接返回。

局部变量与全局变量作用域

局部变量 关于局部变量和全局变量这里再重复说一遍吧。

在 JavaScript 函数内部声明的变量(使用var)是局部变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。

可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕,本地变量就会被删除。

全局变量

在函数外声明的变量是全局变量,网页上的所有脚本和函数都能访问它。

注意:向未声明的 JavaScript 变量来分配值:

如果您把值赋给尚未声明的变量,该变量将被自动作为全局变量声明。

这条语句:

carname="Volvo"; 将声明一个全局变量carname,即使它在函数内执行。

函数实例与对象属性遍历

函数实例

代码如下:

<body>
<script type="text/javascript">
function member(name, job) //类比Java的构造函数,JS是没有类的概念
        {
this.name = name;
this.job = job;
        }
function showProperty(obj, objString) {
var str = "";
for ( var i in obj) {
//遍历对象中的每一个属性
str += objString + "." + i + "=" + obj[i] + "<br/>";
//i表示属性
//obj[i]表示该属性的值
            }
return str;
        }
var obj = new member("刘德华", "艺人");//建立对象实例
document.writeln(showProperty(obj, "person"));
</script>
</body>

输出:

代码如下:

person.name=刘德华
person.job=艺人

以上就是本文的全部内容了,希望小伙伴们能够喜欢,有疑问请给我留言。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章