第2课 数的组和函数.ppt

解析器执行JavaScript代码的过程 首先预解析(全局作用域) 将变量var和函数function的声明提前到作用域的最上面，需要注意的是变量的赋值操作不会提前 然后执行代码 从上往下，一行一行执行代码 当执行函数时会进入函数内部 再次预解析 (局部作用域) 然后从上往下，一行一行执行代码 var num = 10; fun(); function fun(){ console.log(num); var num = 20; } var num; function fun(){ var num; console.log(num); num = 20; } num = 10; fun(); 也叫做变量提升！！ 定义函数的两种形式 方式一：函数声明 方式二：函数表达式 function 函数名(参数) { 函数体 } var 变量名 = function (参数 ) { 函数体 }; 调用函数：变量名(参数); 函数没有名字，称为匿名函数，一般用于回调，也可能用于一次性执行的函数 两种形式的区别？ 回调函数callback 不立即执行的函数调用，满足一定条件时执行或者由别的代码调用执行 用法： 调用时只写函数名，没有小括号()和参数 应用 事件绑定 函数参数 函数是一种数据类型 函数也是一种数据类型 console.log(typeof myFun); 将函数作为另一个函数的参数 函数是function类型 function f1(a,fn){ fn(a); } var a=5; function fn(b){ console.log(b+2); }; f1(a,fn); 匿名函数 没有函数名的函数 一般用于回调 也可能用于一次性执行的函数，或将匿名函数作为另一个函数的参数 window.onload=function(){ console.log(这是匿名函数); }; (function (){ console.log(执行一次); })(); * * * * * * * slice 英 [sla?s] 美 [sla?s] vt. 切成片;切下;划分 splice 英 [spla?s] 美 [spla?s] vt. 绞接; 捻接（两段绳子）; 胶接; 粘接（胶片、磁带等）; n. * * * * * * * * * 网博课程研发 网博课程研发 网博课程研发 网博课程研发 网博课程研发 网博课程研发 网博课程研发 网博课程研发 第二课：数组和函数 回顾 如何使用JavaScript在页面中输出内容？ 如何使用JavaScript接收用户输入的信息？ 在网页中引用JavaScript的方式？ 本章目标 变量提升 数组概念 数组用法 冒泡排序法 函数 为什么需要数组 var stu1 = 95; var stu2 = 89; var stu3 = 79; var stu4 = 64; var stu5 = 76; var stu6 = 88; …… avg = (stu1+stu2+stu3+stu4+stu5…+stu40)/40 40个变量 JavaScript考试结束后，老师给小明分配了一项任务，让他计算全班（40人）的平均分 数组也是一个变量，可以存储一组数据 数组的大小可以动态调整，没有长度限制 可以存储任意类型的数据 什么是数组 声明一个变量就是在内存空间划出一块合适的空间 声明一个数组就是在内存空间划出一串连续的空间 创建数组 var 数组名=new Array(); 为数组元素赋值 数组名[索引]=元素值; 获取元素值 数组名[索引] 使用数组的步骤 元素下标：对数组中的元素进行编号，下标从0开始 通过下标访问数组中的元素，也称为索引 循环操作数组 获取数组长度 遍历数组 把1-100之间所有的奇数，放到数组中 for(var i = 0 ;i nums.length ; i++){ console.log(nums[i]); } console.log(nums.length); var array = [ ]; for (var i = 1; i = 100; i++) { if (i % 2 !== 0) { array[array.length] = i; } } console.log(array); 每当我们往数组中新增一个项，数组的length属性值都会改变 length属性既可以获取数组长度，也可以设置数组长度 创建数组的两种方式 方式一：直接使用Array 方式二：使用数组字面量 var names=[ ];//创建一个空数组 var