《JavaScript 实战》第1章 JavaScript 基础.pptxVIP

启奥-Web前端培训教程 JavaScript 基础篇 主要内容：JavaScript基本语法、客户端JavaScript、事件编程、DOM基本操作、Web常用JS开发实例。 总课程量 （5章） JavaScript 基础 启奥-Web前端培训教程 第1章 授课目标： 认识JavaScript 掌握JavaScript的语法结构数据类型变量 表达式 运算符 控制语句 认识 JavaScript 启奥-Web前端培训教程 JavaScript 是什么？ 启奥-Web前端培训教程 JavaScript：一种客户端脚本语言（简称 JS） 与Java的关系：JS 由 Netscape 公司发布，原名叫做 LiveScript 属于解释型语言，属于脚本语言 包含3部分主要内容：ECMAScript、BOM、DOM 将 JS 解释器嵌入浏览器，是目前最普遍的 JS 变体 —— 客户端 JS。  当人们提到 JS，通常所指就是客户端 JS，而我们所需要学习的，也 是如此。 ECMAScript 是什么？ 启奥-Web前端培训教程 ECMA：欧洲计算机制造商协会 ECMAScript：是由 ECMA 所定制的一套脚本程序设计语言 ECMAScrip 最新版本 V5，相当于 JavaScript 1.5 ECMAScript 包含两个扩展：JavaScript 和 JScript 我们通常所说的 JavaScript 语法部分，其实就是由 ECMAScript 所  规范定制。记住这个东西面试的时候可能被问到哦。 客户端JavaScript 启奥-Web前端培训教程 BOM：浏览器对象模型（Browser Object Model） DOM：文档对象模型（Document Object Model） DHTML：动态HTML（Dynamic HTML） 神奇的魔法代码 JavaScript语法特点 启奥-Web前端培训教程 大小写敏感：在JS中，Shinow 和 shinow 表示不同含义 分号可选：JS用 “；”来区分代码，不同行中的代码 “；”可以省略，但是我们最好不要这样操作 注释： Js中用 “//”表示单行注释，用 “/* 被注释的内容 */”表示多行注释 script document .write( 这是我的第一个JS实例 ); alert( hello world ); /script JavaScript 语法结构 启奥-Web前端培训教程 标识符 启奥-Web前端培训教程 标识符：标识符就是我们用来定义变量或函数的名称，如 a = 30 中的 a 义标识符的时候，我们需要遵循一定的规则： 第一个字母必须是字母、下划线（ _ ）或者 $ 接下来可以是字母、数字、下划线或者 $，不允许出现其他特殊字符 标识符命名：Pascal式、驼峰式、匈牙利式 关键字[ 保留字 ]： JS语言中被保留的单词，尽量避免用这些单词作为标识符，如 if、do 等 Pascal式：词组中，每个单词首字母都大写，如：TestArray 驼峰式：词组中，第一个单词首字母小写，后面所有单词首字母大写，如：testFirstArray 匈牙利式：数据类型+Pascal式，具体数据类型声明见备注 变量 启奥-Web前端培训教程 变量：一个和数值相关的名字，通常我们会说：变量 存储 了某个值，然后我们就可以通过这个 名字 来操作这个值。 JS 中变量的特点：弱类型 每个变量因为所“存储”的值的类型不同，自身也变成了不同的类型 当变量的值发生变化，变量的类型也会跟着变化 First = 100 ; Second = First * 2; 变量的声明 启奥-Web前端培训教程 声明方法：var 变量名 重复声明同一个变量，第二次声明等于赋值 可以不使用 var 直接声明变量，JS 会将此变量定义为全局变量（解释见“变量的作用域” ） 变量的类型：值类型、引用型 值类型：占有空间固定，保存和复制都是值的本身，存于栈中 引用型：占用空间不固定，保存和复制都是值的一个指针，存于堆中 应用到变量中，采用值类型方式存储的，被称为基本类型变量；采用引用型方式存储的，被称为引用类型变量。 此处所说的变量类型与前一页变量值的类型是两个不同的概念，变量的类型是指变量本身的存储类型，而值的类型又称为“数据类型” 变量的作用域 启奥-Web前端培训教程 作用域：指变量在代码中的有效范围，变量的作用域分为两种： 全局变量：在函数体外定义 或 在函数体内没有使用 var 定义的变量 局部变量：在函数体内使用 var 定义 或 函数的参数变量 作用域链 全局变量在任意位置都有效 外层函数不能访问内层函数的局部