根据给定的文件信息，以下是对“js基础总结”中涉及的关键知识点的详细解析：
### JavaScript 基础概述
#### JavaScript 技术总结
JavaScript（简称 JS）是一种广泛使用的脚本语言，常用于网页开发中增加交互性。它不仅能够处理 HTML 页面中的动态效果，还能实现客户端和服务器端的各种功能。
### JavaScript 的起源和发展
1. **Sun 公司与 JavaScript：**
- Sun 公司并非直接创建 JavaScript 的公司，但其开发的 Java 语言在一定程度上启发了 JavaScript 的设计。
- JavaScript 名称中的“Java”部分最初是出于市场考量而添加的，实际上两者并无直接的技术关联。
2. **JavaScript vs Java：**
- 尽管名字相似，但 JavaScript 和 Java 是两种完全不同的编程语言。
- Java 是一种静态类型、强类型的面向对象编程语言，而 JavaScript 是一种解释型的弱类型语言，更侧重于脚本编写。
- JavaScript 主要在浏览器环境中运行，而 Java 更多应用于服务器端和桌面应用程序开发。
3. **JavaScript 的应用：**
- 随着移动互联网的发展，现代浏览器几乎都支持 JavaScript，因此它是网页开发不可或缺的一部分。
- JavaScript 不仅限于浏览器环境，随着 Node.js 的出现，它也被广泛应用于服务器端编程。
### JavaScript 的核心组成部分
1. **ECMAScript：**
- ECMAScript 是 JavaScript 的规范标准，由 ECMA 国际组织制定。
- 它定义了 JavaScript 语言的核心语法和特性，如变量、数据类型、函数等。
2. **Browser Object Model (BOM)：**
- BOM 提供了一种与浏览器交互的方式，允许 JavaScript 访问和操作浏览器窗口、位置、历史记录等对象。
- 通过 BOM，开发者可以控制浏览器的行为，例如弹出新窗口或获取浏览器信息。
3. **Document Object Model (DOM)：**
- DOM 是一种用于表示和操作 HTML 或 XML 文档的标准接口。
- 它将文档结构化为树形结构，使得可以通过 JavaScript 来访问和修改页面元素。
- DOM 与 BOM 结合使用，可以实现对页面内容和结构的动态更新。
### JavaScript 的嵌入方式
1. **内联式：**
- 可以直接在 HTML 标签中使用 `onclick`、`onmouseover` 等事件属性来编写简单的 JavaScript 代码。
2. **内嵌式：**
- 在 `<script>` 标签中编写 JavaScript 代码，并将其放置在 HTML 文件的 `<head>` 或 `<body>` 区域。
- 示例：`<script type="text/javascript"> ... </script>`
3. **外部式：**
- 将 JavaScript 代码写入单独的 .js 文件中，并通过 `<script>` 标签的 `src` 属性引用该文件。
- 示例：`<script type="text/javascript" src="1.js"></script>`
### JavaScript 数据类型
- **原始类型（Primitive Types）：**
- String：字符串类型，用于存储文本数据。
- Number：数字类型，包括整数和浮点数。
- Boolean：布尔类型，只有 true 和 false 两个值。
- Null：特殊类型，表示尚未存在的对象。
- Undefined：未定义类型，通常用于表示变量未赋值。
- **对象类型（Object Types）：**
- Object：所有其他非原始类型的基础类型，可以包含键值对形式的数据。
- Array：数组类型，用于存储有序的项集合。
- Date：日期类型，用于处理日期和时间。
- Function：函数类型，用于封装一段可重复使用的代码。
### JavaScript 控制结构
- **条件语句：**
- `if` 语句：用于基于条件执行不同的代码块。
- `switch` 语句：用于根据不同的条件执行不同的代码块。在 Java 中，`switch` 支持字符串类型，而在 JavaScript 中同样支持。
- **循环语句：**
- `for` 循环：最常用的循环结构之一，适合已知循环次数的情况。
- `while` 循环：在条件满足的情况下重复执行代码块。
- `do...while` 循环：至少执行一次循环体，然后根据条件决定是否继续执行。
### JavaScript 运算符
- **算术运算符：**
- 加号 `+`、减号 `-`、乘号 `*`、除号 `/` 等。
- 注意：字符串与数字相加时，数字会被转换成字符串进行拼接。
- **比较运算符：**
- `==`：值相等，但不考虑数据类型。
- `===`：值和类型都必须相等。
- `!=`：值不相等，但不考虑数据类型。
- `!==`：值或类型不相等。
- **逻辑运算符：**
- `&&`：逻辑与。
- `||`：逻辑或。
- `!`：逻辑非。
### 实例：九九乘法表
```html
<!DOCTYPE html>
<html>
<head>
<title>九九乘法表</title>
</head>
<body>
<script type="text/javascript">
document.write("<table>");
for (var i = 1; i <= 9; ++i) {
document.write("<tr>");
for (var j = 1; j <= i; ++j) {
document.write("<td>");
document.write(j + "*" + i + "=" + (j * i) + " ");
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
</body>
</html>
```
### 数组创建方式
1. **字面量方式：**
- `var arr = [1, 2, 3, 4];`
- 可以包含不同类型的值，如数字、字符串甚至其他对象。
2. **构造函数方式：**
- 使用 `new Array()` 构造函数创建数组。
- 示例：`var arr = new Array(4);` // 创建长度为 4 的空数组。
- 示例：`var arr2 = new Array(3, 4, 5);` // 创建包含三个元素的数组。
以上内容涵盖了 JavaScript 的基础知识，包括语言起源、核心组成部分、数据类型、控制结构等方面的知识点，有助于初学者系统地了解 JavaScript 的基本概念和技术要点。
