本文系统介绍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=艺人
以上就是本文的全部内容了,希望小伙伴们能够喜欢,有疑问请给我留言。