【JavaScript函数】

函数：是被设计为执行特定任务的代码块。 作用：代码重用，结构清晰

1.1、 定义函数

定义函数有两种方法：函数声明 和 函数表达式 ：

1.1.1、 函数声明

解释：这里声明一个函数 f ，并传入一个参数 a ，当函数执行以后，通过 return 关键字返回了 a+1 的值。

1.1.2、 函数表达式

通过定义一个匿名的函数，来赋值给一个变量，通过这个变量来调用这个函数。

1.2、 函数调用

函数定义完成后不会自动执行，需要我们通过函数名称来调用，才能真正执行：

function f (a){ return a + 1; }

实训：

1、用第一种方法定义无参数函数，用于显示问候语“欢迎您访问本网站！” 2、用第一种方法分别定义加减两个函数，各自携带两个参数，用于完成两个参数的加减运算，并返回结果

var f = function (a){ return a + 1; }

实训：

1、用第二种方法定义无参数函数，用于显示问候语“欢迎您访问本网站！” 2、用第二种方法分别定义乘除两个函数，各自携带两个参数，用于完成两个参数的乘除运算，并返回结果

var f = function (){ console.log('ok'); } f(); // 'ok'

1.3、 函数作用域

函数内部定义的变量在函数外部不能访问，但函数内部可以使用全局变量。

1.4、 实训

求最大值，要求：通过函数对用户输入的数值，判断大小，返回最大值。

实训：通过上面定义的函数，完成简单计算器功能 要求：输入数据1/数据2，点击中部加减乘除和求余按钮，在结果框中显示计算结果，效果图如下：

// 全局作用域 global scope var a = 1, b = 2; function f (){ return a + b; } f(); // 3 // 局部作用域 function f (){ let a=3 return a; } f(); // 3 console.log(a) 调用出错