这是我参与8月更文挑战的第15天,活动详情查看:8月更文挑战
前言
吃饱饭才有力气写代码~
昨天我们介绍了 JavaScript 对象的相关知识点,今天来学一学 函数相关部分。
一.JavaScript 函数定义及语法
1.1 定义语法
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
具体的语法:
使用关键词 function :
function functionName()
{
//执行代码
}
JavaScript 对大小写敏感,关键词 function 必须是小写的,并且必须与函数名称相同的大小写来调用函数。
当调用该函数时,会执行函数中的代码:
可以在某事件发生时直接调用函数,比如点击按钮。并且可由JavaScript在任何位置进行调用。
1.2 函数类型
- 带参数的函数 在调用函数时,可以向其中传递值,这些值被称为参数,这些参数可以在函数中使用,参数数量没有限制,用","分隔。
function functionName(var1,var2)
{
//执行代码
}
变量和参数需要顺序一致,第一个变量就是第一个被传递的参数给定的值。
<button onclick = "myFunction('Harry Potter','Wizard')"点击这里</button>
<script>
function myunction(name,job)
{
alert("welcome " + name + ", the " + job);
}
</script>
//上面的函数在点击按钮的时候会提示“welcome Harry Potter,the Wizard”。
函数还可以复用,给不同的参数来调用这个函数会给出不同的消息。
- 带有返回值的函数 有时我们会希望函数将值返回调用它的地方。通过使用return来实现,在使用return语句时,函数会停止执行,并返回指定的值。
function myunction()
{
var x = 5;
return x;
}
//这个函数会返回5
JavaScript 将继续执行代码,从调用函数的地方,函数调用会被返回值取代,即使不保存为一个变量也可以直接使用这个返回值。
1.3 全局、局部变量
- 在 JavaScript 函数 内部 声明的变量(使用 var)是 局部 变量,所以只能在函数内部访问它。(该变量的作用域是局部的)。可以在不同的函数中使用名称相同的局部变量,只要函数执行完毕,本地变量就会被删除。
- 在函数 外部 声明的变量是 全局 变量,网页上的所有脚本和函数都能访问它。
- JavaScript 变量的生命期从它们被声明的时间开始。
- 局部变量会在函数运行以后被删除。
- 全局变量会在页面关闭后被删除。
- 把值赋给尚未声明的变量,该变量将被自动作为 window 的一个属性:
var var1 = 1; // 不可配置全局属性
var2 = 2; // 没有使用 var 声明,可配置全局属性
console.log(this.var1); // 1
console.log(window.var1); // 1
console.log(window.var2); // 2
delete var1; // false 无法删除
console.log(var1); //1
delete var2;
console.log(delete var2); // true
console.log(var2); // 已经删除 报错变量未定义