javascript编程起步（第二课）

### JavaScript编程起步（第二课） #### 一、课程概述 本次课程主要介绍JavaScript的基本概念，包括变量声明、数据类型、表达式与运算符等内容。通过本课的学习，初学者能够理解如何在网页中嵌入JavaScript代码，并掌握JavaScript的基础语法。 #### 二、JavaScript代码嵌入方法 在HTML文档中嵌入JavaScript代码有两种方式： 1. **内联脚本**：直接在HTML元素的事件属性中编写JavaScript代码。 2. **外部脚本**：将JavaScript代码保存在单独的`.js`文件中，通过`<script>`标签引入到HTML文档中。 示例代码如下： ```html <script language="javascript"> <!-- // JavaScript代码 // --> </script> <noscript> 在浏览器不支持的时候显示这句话 </noscript> ``` `<noscript>`标签用于指定当浏览器禁用JavaScript时显示的内容。 #### 三、JavaScript变量 在JavaScript中，变量是用来存储数据的容器。声明变量可以使用`var`关键字。例如： ```javascript var name; name = "javascript"; console.log(name.length); // 输出10 ``` - **变量声明**：使用`var`关键字声明变量。 - **数据类型**：JavaScript是一种动态类型语言，变量的数据类型可以在运行时自动确定。 - **变量赋值**：通过“=`”为变量赋值。 - **变量重用**：可以重新为变量赋值以改变其存储的数据。 #### 四、变量命名规则 1. 变量名必须以字母或下划线开头，可以包含字母、数字和下划线。 2. 变量名不能包含空格或其他特殊符号。 3. 不得使用JavaScript关键字作为变量名。 4. 变量名区分大小写。 #### 五、类型转换 JavaScript支持两种类型的类型转换： - **自动类型转换**：在运算过程中自动发生。 - **显式类型转换**：通过使用`Number()`和`String()`等函数手动转换。 示例： ```javascript var num = Number("123"); // 转换为数字 console.log(num); // 输出123 ``` #### 六、变量的作用域 JavaScript中有两种变量作用域： 1. **全局变量**：在任何函数外部声明的变量。 2. **局部变量**：在函数内部声明的变量。 示例： ```javascript var globalVar = "我是全局变量"; function testScope() { var localVar = "我是局部变量"; console.log(localVar); // 输出"我是局部变量" } testScope(); console.log(globalVar); // 输出"我是全局变量" ``` #### 七、表达式与运算符 1. **算术运算符**：`+`、`-`、`*`、`/`、`%`、`++`、`--`等。 - 示例：`var result = 11 % 2;` // 结果为1 2. **比较运算符**：`<`、`>`、`<=`、`>=`、`==`、`!=`等。 - 示例：`var isEqual = 1 == 1;` // 结果为true 3. **逻辑运算符**：`!`、`&&`、`||`等。 - 示例：`var isTrue = true && false;` // 结果为false 4. **字符串运算符**：`+`用于连接字符串。 - 示例：`var str = "hello" + "world";` // 结果为"helloworld" 5. **赋值运算符**：`=` 6. **条件运算符**：`(条件 ? 值1 : 值2)` - 示例：`var age = 18; var status = (age >= 18) ? "adult" : "child";` 7. **typeof运算符**：获取变量的数据类型。 - 示例：`var type = typeof "hello";` // 结果为"string" #### 八、案例分析 ```javascript var i = 0, j = 0; console.log(i++ + "" + ++j + "" + i); // 输出"011" ``` - 分析：`i++`表示先使用`i`的当前值再自增，`++j`表示先自增再使用`j`的值。 通过本课的学习，初学者可以掌握JavaScript的基础语法，为进一步学习JavaScript打下坚实的基础。接下来可以进一步探索函数、对象等高级特性。