javascript讲义(1).pptx

### JavaScript 讲义知识点概述 #### 一、Web 发展简史 - **Mosaic**：互联网历史上第一个广泛使用的能够显示图片的网页浏览器，诞生于1993年。 - **Mosaic Communication Corporation**：由马克·安德森和吉姆·克拉克于1994年在美国加州创立，后因商标权问题更名为Netscape Communication Corporation（网景）。 - **Netscape Navigator**：由Mosaic团队重新编写而成，成为网景公司的重要产品。 - **Microsoft Internet Explorer**：基于SpyGlass技术开发，与Netscape Navigator竞争。 - **Mozilla Firefox**：源于网景通讯家开放源代码项目，是当前流行的浏览器之一。 #### 二、JavaScript 历史 - **JavaScript**：最初在1996年作为Netscape Navigator浏览器的一部分出现，设计目的是为了改善网页用户体验。 - **Brendan Eich**：JavaScript的创造者，最初名为LiveScript，后改名为JavaScript。 - **Sun Microsystems**：与Netscape合作，JavaScript版权最终归属于Oracle（通过收购Sun Microsystems获得）。 #### 三、浏览器组成 - **Shell**：用户界面相关的部分。 - **内核**： - **渲染引擎**：负责解析HTML/CSS并渲染页面。 - **JavaScript引擎**：负责执行JavaScript代码。 - **其他模块**：如网络模块、UI后端等。 #### 四、JavaScript引擎发展 - **IE6**：2001年发布，首次实现了JavaScript引擎的优化。 - **Chrome V8**：2008年由Google发布，以其高效性能著称，能直接将JavaScript代码转化为机器码执行。 - **Firefox**： - **TraceMonkey**：Firefox 3.5中的JavaScript引擎，对频繁执行的代码进行路径优化。 - **JaegerMonkey**：Firefox 4.0中的JavaScript引擎，进一步提高了性能。 #### 五、JavaScript特性 - **解释性语言**：无需编译成文件，直接由浏览器解释执行。 - **跨平台**：能在多种操作系统和设备上运行。 - **单线程**：JavaScript的主要执行模型是单线程的。 - **ECMA标准**：为了统一规格，JavaScript兼容ECMA标准，也被称为ECMAScript。 #### 六、JavaScript执行机制 - **执行队列**：JavaScript采用单线程执行机制，通过执行队列管理任务顺序执行。 - 示例： ``` task1,1ms task2,2ms task3,1ms task1,1ms task2,1ms ``` #### 七、JavaScript入门 - **三个主要组成部分**： - **ECMAScript**：定义了语言的核心功能和语法。 - **DOM**：文档对象模型，用于操作HTML文档。 - **BOM**：浏览器对象模型，提供了与浏览器交互的功能。 - **引入JavaScript的方式**： - **内联**：直接在HTML文件中使用`<script>`标签。 - **外部文件**：使用`<script src="location">`标签引用外部文件，符合W3C标准推荐的做法。 - **基本语法**： - **变量声明**：使用`var`关键字。 - **命名规则**：必须以字母、`_`或`$`开头，可包含字母、数字、`_`或`$`，不能使用关键字或保留字。 #### 八、数据类型 - **值类型**（栈数据）： - **Number**：数值型。 - **String**：字符串型。 - **Boolean**：布尔型。 - **undefined**：未定义。 - **null**：空值。 - **引用类型**（堆数据）： - **Array**：数组。 - **Object**：对象。 - **Function**：函数。 #### 九、内存管理 - **栈**：存储基本数据类型值。 - **堆**：存储复杂数据类型的引用。 - 示例： ``` num 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1011 123 124 ``` #### 十、JavaScript语句 - **基本规则**：语句后面需用分号结束。 - **语法错误处理**：一个语法错误可能会导致后续代码终止执行。 - **书写规范**：“=”两边应该有空格。 #### 十一、运算符 - **算术运算符**： - `+`：加法运算或字符串连接。 - `-`：减法运算。 - `*`：乘法运算。 - `/`：除法运算。 - `%`：取余运算。 - **比较运算符**： - `>`：大于。 - `<`：小于。 - `==`：等于（值相等即可）。 - `>=`：大于等于。 - `<=`：小于等于。 - `!=`：不等于。 - **逻辑运算符**： - `&&`：与。 - `||`：或。 - `!`：非。 #### 十二、条件语句 - **if 语句**：用于判断条件是否成立。 - **if...else 语句**：用于根据不同的条件执行不同的代码块。 - **循环语句**： - `for`：适用于已知循环次数的情况。 - `while`：当条件成立时重复执行一段代码。 - `do...while`：至少执行一次循环体内的代码，然后再判断条件。 #### 练习题目示例 1. **输出结果** - 示例代码： ```javascript console.log(1 + "2" + 3); console.log("1" + 2 + 3); console.log(1 + 2 + "3"); console.log("123" + 2 + 3); ``` - 输出结果： - `"123"` - `"123"` - `"33"` - `"12323"` 2. **变量交换** - 目标：交换变量`a`和`b`的值。 - 示例代码： ```javascript var a = 123; var b = 234; // 方法一：使用第三个变量 var temp = a; a = b; b = temp; // 方法二：使用加减法 a = a + b; b = a - b; a = a - b; // 方法三：使用异或运算 a = a ^ b; b = a ^ b; a = a ^ b; ``` #### 结论 本讲义涵盖了JavaScript的基础知识，包括Web发展史、JavaScript的历史、浏览器组成、JavaScript引擎的发展、JavaScript语言特性、执行机制、入门知识、基本语法、数据类型、内存管理、语句规则、运算符、条件语句等内容。通过对这些知识点的学习，可以帮助初学者快速掌握JavaScript的基础，并为进一步深入学习打下坚实的基础。