JavaScript基础教程:变量、数据类型与运算符

需积分: 45 3 下载量 179 浏览量 更新于2024-07-19 收藏 1.13MB PDF 举报
"这是一份JavaScript的学习笔记,记录了JavaScript的基础知识,包括如何在HTML中插入JavaScript、console.log用于调试、变量和数据类型的概念、命名规则、数组和对象的使用,以及各种运算符和流程控制结构。" JavaScript是一种广泛应用于网页和网络应用的脚本语言,通常在HTML文档的`<head>`标签中通过`<script>`标签引入。例如: ```html <head> <script> // JavaScript代码放在这里 </script> </head> ``` 在JavaScript中,`console.log()`是一个常用的调试工具,它可以在浏览器的开发者工具控制台输出信息,帮助开发者查看程序运行状态。例如: ```javascript console.log("这是个测试"); ``` 在JavaScript中,注释可以使用`//`单行注释或`/* */`多行注释。JavaScript是一种弱类型语言,这意味着变量的数据类型不是预先固定的,可以随时改变。变量用`var`关键字声明,例如: ```javascript var name = "John"; // 声明一个字符串变量 name = 25; // 同样的变量现在变成了数字 ``` JavaScript中的数据类型包括基本类型和特殊类型。基本类型有数字、字符串、布尔值,特殊类型有未定义、空、非数字(NaN)。例如: ```javascript var num = 123; // 数字 var str = "Hello"; // 字符串 var bool = true; // 布尔值 var undefinedVar; // 未定义 var nullValue = null; // 空 var nanValue = NaN; // 非数字 ``` 变量命名遵循一定的规则:只能包含字母、数字、下划线或美元符号,且不能以数字开头,不能使用JavaScript的保留关键字。变量的值可以覆盖,只需再次赋值。 数组是存储多个值的数据结构,可以通过索引来访问数组元素。例如: ```javascript var arr = [1, 2, 3]; // 定义一个数组 console.log(arr[0]); // 输出数组的第一个元素,即1 ``` 对象是键值对的集合,可以理解为一组相关的数据。例如: ```javascript var obj = { name: "John", age: 30, city: "New York" }; // 对象类型 ``` JavaScript中还有多种运算符,如赋值运算符(`=`, `+=`, `-=`等)、算术运算符(`+`, `-`, `*`, `/`, `%`)、关系运算符(`>`, `<`, `==`, `>=`, `<=`, `!=`, `===`)和逻辑运算符(`&&`, `||`, `!`)。例如: ```javascript var a = 5; a += 2; // a现在等于7 if (a > 3 && a <= 7) { // 关系和逻辑运算 console.log("a在3到7之间"); } ``` 流程控制语句如`if`用于条件判断,允许根据条件执行不同的代码块。例如: ```javascript var score = 85; if (score >= 90) { console.log("优秀"); } else if (score >= 60) { console.log("及格"); } else { console.log("不及格"); } ``` 以上只是JavaScript基础知识的一部分,还包括更多内容如函数、对象原型、作用域、闭包、事件处理等,这些都是JavaScript编程不可或缺的部分。通过不断学习和实践,可以掌握更高级和复杂的JavaScript技术。