JavaScript 常用数据类型及使用方式 -3

123 阅读2分钟

这是我参与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); // 已经删除 报错变量未定义

明天继续~