韩顺平_轻松搞定javascript第二章_函数

北京传智播客教育 轻松搞定javascript 函数 讲师 韩顺平email hanshunping qq 2317702760 主讲韩顺平 内容介绍 常用函数介绍js面向对象编程 对象与对象实例 学习目标 充分理解函数的概念能熟练的自定义函数掌握js中常用的系统函数 主讲韩顺平 函数 为什么需要函数 一个问题 请大家完成这样一个程序 输入两个数 再输入一个运算符 得到结果 案例 function1 html 主讲韩顺平 函数 为什么需要函数 一个问题 请思考 如果在另外的htm文件 比如a htm b htm c htm 中也需要完成 输入两个数 再输入一个运算符 得到结果 又该怎么办 主讲韩顺平 函数 函数的基本概念 解决方法 函数为完成某一功能的程序指令 语句 的集合 称为函数 在js中 函数分为 自定义函数 系统函数 经常查看js帮助手册 主讲韩顺平 function函数名 参数列表 语句 函数 方法 主体return返回值 函数 函数的定义 函数的定义有的程序员把函数称为方法 希望大家不要被这两个名词搞晕了 1 参数列表 表示函数的输入2 函数主体 表示为了实现某一功能代码块3 函数可以有返回值 也可以没有 主讲韩顺平 函数 函数的使用 函数的初步使用我们用函数来解决前面的问题 通过这个案例 大家可以初步了解函数简单使用 后面再深入使用 js中页面相互调用为了完成a htm中可以使用到b htm中定义的函数 我们需要补充讲解htm中页面之间共用js代码的知识点 思路 编写一个js文件 在需要使用的时候 引入到相应的htm php jsp 即可 案例function2 js 主讲韩顺平 函数名 传递给函数的参数1 传递给函数的参数2 变量 函数名 此时变量就相当于函数的引用 指针 可以这样调用函数 变量 实际参数 特别说明1 对于有返回值的函数调用 也可以在程序中直接使用返回的结果 例如 alert res sum 2 3 2 没有返回值的函数 则返回undefined 函数 函数的使用 函数的几种调用方式 主讲韩顺平 特工小组 下达命令 返回结果 程序员 方法 调用方法 返回结果 函数 函数的使用 函数 方法 如何理解如何理解方法这个概念 给大家举个通俗的示例 拉登同志给特工小组下达命令 去炸美国白宫 特工小组返回结果程序员调用方法 给方法必要的输入 方法返回结果 主讲韩顺平 下面的js代码会输出什么functionabc num1 if num1 3 abc num1 document writeln num1 abc 5 案例 spTest02 htm 函数 调用过程 函数 调用过程为了让大家更好的理解函数调用过程 给大家画一个示意图 这个很重要的 这里可以简单介绍一下递归 函数 return语句 return表达式 主讲韩顺平 函数 深入使用 函数 深入使用 函数的参数列表可以是多个 参数列表可以是多个 并且数据类型可以是任意的类型 js支持参数个数可变的函数 function3 htm js支持创建动态函数 见后ppt function4 htm 主讲韩顺平 创建动态函数的基本语法格式 varvarName newFunction argument1 lastArgument 说明 所有的参数都必须是字符串型的 最后的参数必须是这个动态函数的功能程序代码 例子 varsquare newFunction x y varsum sum x x y y returnsum alert square 3 2 varalsoDoSquare doAdd alert alsoDoSquare 3 2 闭包和函数的作用域及this还没有讲 必须放在面向对象中 函数 深入使用 使用Function类创建函数 主讲韩顺平 函数 特别说明 函数 特别说明方法可以没有返回值 但最多只能有一个返回值案例 编写一个函数 从页面输入一个整数打印出对应的金子塔 案例 function5 htm 主讲韩顺平 函数 小练习 函数 小练习案例 编写一个函数 从页面输