本文件介绍了JavaScript的基础知识，包括数据类型、函数及其特性、参数处理、定时器及其应用。此外，文中提供了多个练习示例以巩固所学内容，如简易网页时钟和自动播放选项卡。内容涉及堆与栈的概念，帮助读者理解如何在JavaScript中有效使用这些技术。

1. JavaScript – 基础下

2. 刘遵强 | liuzunqiang@staff.hexun.com

4. Undefined Null Boolean Number String

5. Array Date RegExp Function

6. 栈内存 堆内存
11
(Number 类
object
型)
true object
object
(Boolean 类
型)
null
(Null 类型 )
object
(Object 类型 )
‘hello’
(String 类型 )
Undefined
(Undefined 类
型)

7. 函数详解 (1)
函数传参
• 匿名函数
– 函数带括号和不带括号的区别
函数返回值
• 什么是函数返回值
– 函数的执行结果
– 可以没有 return
• 一个函数应该只返回一种类型的值

8. 函数详解 (2)
可变参（不定参）： arguments
• 参数的个数可变，参数数组
例子 1 ：求和
• 求所有参数的和
例子 2 ： CSS 函数
• 判断 arguments.length
• 给参数取名，增强可读性
• 取非行间样式 ( 不能用来设置 ) ：
– obj.currentStyle[attr]
– getComputedStyle(obj, false)[attr]

9.  什么是定时器
每隔一段时间，执行一次函数
setInterval 、 clearInterval
setTimeout 、 clearTimeout
两种定时器的区别

10. 定时器应用
例子
• 简易数码时钟
– Date 对象
• QQ 资料框
– 对象延时隐藏

11. 课程应用
图片展示和轮播
• 自动播放的选项卡
– 左右按钮— 当前位置
—
– 自动播放— 移入暂停
—
• 下方小图位置计算

13. 堆和栈
定时器基础及使用
函数可变参： arguments
函数返回值： return

16. 本课练习 (1)
 基础
• 页面加载后，自动开始每秒弹出一个比之前大 1 的数
字
• 写一个函数，返回所有参数的和
• 写一个 css 函数，用于获取或设置对象的属性
- 例如： css(oDiv,'width') 返回 div 的宽
css(oDiv, 'width', '200px') 将 div 的宽设成 200

17. 本课练习 (2)
必做
• 简易网页时钟
• QQ 资料框效果
• 自动播放的选项卡
• 倒计时时钟

19. 2012 年 07 月 20 日