javascript 培训第二节 基础上

24
JavaScript – 基础

Upload: liziqi7

Post on 13-Jul-2015

861 views

Category:

Documents


8 download

TRANSCRIPT

Page 1: Javascript 培训第二节 基础上

JavaScript – 基础

Page 2: Javascript 培训第二节 基础上

刘遵强 | [email protected]

Page 3: Javascript 培训第二节 基础上

JavaScript 基础

Page 4: Javascript 培训第二节 基础上

ECMA-262 规范定义的 ECMAScript规定 :•语法 (标识符,注释 ,; )•类型(数据类型)•语句( if/for )•关键字( var )•保留字( class,float,int )•操作符( +-*/ )•对象 (Math,Date)

ECMAScript 就是对实现该标准规定的各个方面内容的语言的描述

ECMAScript

JavaScript ActionScript

Page 5: Javascript 培训第二节 基础上

DOM:文档对象模型(用于 HTML 的应用程序编程接口)

将页面映射多层节点结构 树状图

映射文档结构DOM1例如: Document 类型DOM2例如: Events 监听事件(addEventListener,attachEvent)Style 访问样式(getComputedStyle,currentStyle)DOM3例如:加载保存,验证

Page 6: Javascript 培训第二节 基础上

BOM:浏览器对象模型

与浏览器之间的交互•弹出•移动、缩放、关闭浏览器窗口•浏览器信息( navigator )•location•Screen•Cookis•自定义对象 XMLHttpRequest 和 ActionXObject

- 没有统一标准

Page 7: Javascript 培训第二节 基础上

类型: typeof 算符运• 用法、返回值• 常 类型:见

– number 、 string 、 boolean 、 undefined 、 object 、 function

一个 量 只存放一 类型的数据变 应该 种

量变 (1)

Page 8: Javascript 培训第二节 基础上

数据类型转换• 例子: 算 个文本框的和计 两• 式类型显 转换 ( 强制类型转换 )

– parseInt() 、 parseFloat()– NaN 的意 和义 检测

• 式类型隐 转换– == 、 ===– 法减

量变 (2)

Page 9: Javascript 培训第二节 基础上

提 :问NaN 的意 和义 检测

alert(isNaN(NaN));

alert(isNaN(10));

alert(isNaN(‘10’))

alert(isNaN(‘blue’))

alert(isNaN(true))

alert(isNaN(‘true’))

Page 10: Javascript 培训第二节 基础上

量作用域(作用范 )变 围• 局部 量、全局 量变 变

什么是 包闭• 子函数可以使用父函数中的局部 量变• 之前一直在使用 包闭• 网上 于 包的定对 闭 义• 放释

量作用域和 包变 闭

Page 11: Javascript 培训第二节 基础上
Page 12: Javascript 培训第二节 基础上

命名 范规 (1)

命名 范及必要性规• 可 性——能看懂读• 范性——符合规 规则

匈牙利命名法• 类型前缀• 首字母大写

Page 13: Javascript 培训第二节 基础上

命名 范规 (2)

类型 前缀 类型 实例数组 a Array aItems布尔值 b Boolean bIsComplete浮点数 f Float fPrice函数 fn Function fnHandler整数 i Integer iItemCount对象 o Object oDiv1正则表达式 re RegExp reEmailCheck字符串 s String sUserName变体变量 v Variant vAnything

Page 14: Javascript 培训第二节 基础上

算 :术 + 加、 - 、减 * 乘、 / 除、 % 取模 :赋值 = 、 += 、 -= 、 *= 、 /= 、 %= 系:关 < 、 > 、 <= 、 >= 、 == 、 === 、 != 、 !== :逻辑 && 与(且)、 || 或、 ! 否 算符 先 :括号运 优 级

算符运

Page 15: Javascript 培训第二节 基础上

相加的问题?

Page 16: Javascript 培训第二节 基础上

程序流程控制

判断: if 、 switch 、 ?:循 :环 while 、 for跳出: break 、 continue什么是真、什么是假:( Boolean )

• 真: true 、非零数字、非空字符串、非空 象对• 假: false 、零和 NaN 、空字符串、空对

象、 undefined

Page 17: Javascript 培训第二节 基础上
Page 18: Javascript 培训第二节 基础上

本 知 点课 识

JS 成,各部分功能组 量:定 、类型、变 义 typeof 、 、作用域转换 包 概念闭 简单 算符运程序流程控制结构命名 范规

Page 19: Javascript 培训第二节 基础上
Page 20: Javascript 培训第二节 基础上
Page 21: Javascript 培训第二节 基础上

本课练习 (1)

基础• 用 typeof 看查 12、 'abc' 和 document 的类型• 算 个 入框中的数字之和计 两 输• 放一个按 ,每次点 ,都 出比上次大钮 击时 弹 1 的数字:0,1,2,3,4...

• 入 个数字, 出 大的输 两 弹 较 值• 入一个数字,判断是否是 位数输 两

Page 22: Javascript 培训第二节 基础上

本课练习 (2)

必做• 易网 算器简 页计

Page 23: Javascript 培训第二节 基础上
Page 24: Javascript 培训第二节 基础上

2012 年 06月 29日