第5节 函数和作用域大纲

前言: 完成以下联系

编写代码:计算1-100相加并输出结果, 计算1-200相加,并输出结果, 计算1-300相加,并输出结果

没学函数前, 我们可能会写三遍for循环, 有了函数之后只需要写一遍即可.

(一)函数的声明和作用

1. 封装多行语句,可以重复使用
2. 类型为function
3. 对象中的函数(方法), alert就是window对象的一个方法
4. 函数和变量声明提前

// 练习
练习1. 写一个函数,实现50到500相加
练习2. 定义一个关于饮水机的对象,给它添加属性,添加方法(饮水的方法)并调用

(二)函数的调用方式

1. 手动调用
2. 绑定一个事件来调用

// 练习
练习3. 需求: 从页面上输入两个加数,绑定事件,加上两个加数相加的结果,并显示在页面上

(三)函数传递参数

1. 调用时传入的数据,跟函数的参数一一对应

(四)函数返回值

1. 使用return返回计算的结果
2. 没写return,默认返回undefined

// 练习
练习4. 需求: 声明一个函数,实现1到任意数字累加的结果

(五)作用域

1. 什么是作用域
2. window,全局作用域,在全局作用域下声明的变量是全局变量 
3. 局部作用域和局部变量 
    规则:
1. 函数内部可以访问函数外部的变量
2. 函数外部不可以访问函数内部的变量
4. 多个作用域用作用域链进行连接
5. 没有块级作用域(区分作用域以函数作为区分条件)