diff --git "a/\345\217\266\345\212\237\347\205\247/20241024 JS/\350\257\276\345\240\202\347\254\224\350\256\260.md" "b/\345\217\266\345\212\237\347\205\247/20241024 JS/\350\257\276\345\240\202\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..05cd779033ce2f17e435b58ceecaf423ec9d2acb --- /dev/null +++ "b/\345\217\266\345\212\237\347\205\247/20241024 JS/\350\257\276\345\240\202\347\254\224\350\256\260.md" @@ -0,0 +1,375 @@ +# 第一章,与君初相见 + +## 第一节 + +### JavaScript 简介 + +1. JavaScript 是什么: + + JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译,可直接在浏览器上运行。 + +2. JavaScript 由什么组成: + + ECMAScript (基础语法)和 Web APIs (DOM、BOM)。 + + - ECMAScript: + 规定了js基础语法核心知识。 + - 比如:变量、分支语句、循环语句、对象等等 + - Web APIs : + - DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作 + - BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等 + +## 1.内部方式 + +通过 `script` 标签包裹 JavaScript 代码 + +```html + + + + + JavaScript 基础 - 内部引入方式 + + + + + + +``` + +## 2.外部方式 + +一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过 `script` 标签的 `src` 属性引入 + +```html + + + + + JavaScript 基础 - 外部引入方式 + + + + + + +``` + +如果 script 标签使用 src 属性引入了某 .js 文件,那么 标签的代码会被忽略!!!如下代码所示: + +```html + + + + + JavaScript 基础 - 外部引入方式 + + + + + + +``` + +## 3.行内方式 + +在HTML文档中可以在``标签、``标签中使用JavaScript脚本作为它们的属性值。 + +```html + + + + + JavaScript 基础 - 行内引入方式 + + + + 测试 + + + +``` + + +### 注释和结束符 + +通过注释可以屏蔽代码被执行或者添加备注信息,JavaScript 支持两种形式注释语法: + +#### 单行注释 + +使用 `// ` 注释单行代码 + +```html + + + + + JavaScript 基础 - 注释 + + + + + + +``` + +#### 多行注释 + +使用 `/* */` 注释多行代码 + +```html + + + + + JavaScript 基础 - 注释 + + + + + + +``` + +### 结束符 + +在 JavaScript 中 `;` 代表一段代码的结束,多数情况下可以省略 `;` 使用回车(enter)替代。 + +```html + + + + + JavaScript 基础 - 结束符 + + + + + + +``` + +## 文档输出内容 + +1. ### 向 `body` 内输出内容 + + ```js + document.write("我是 111 输出的内容"); + ``` + +2. ### 网页弹出警示框 + + ```js + alert("网页弹窗"); + ``` + +3. ### 向控制台输出内容,常用于调试 + + ```js + console.log("控制台输出内容"); + ``` + +### 输入语法 + +```js +prompt("内容"); +``` + +## 变量的基本使用 + +### 1.声明变量 + +```js +let 变量名; +let 变量名 = 值, + 变量名 = 值; +``` + +### 2.变量赋值 + +```js +let age; +age = 18; +``` + +### 3.更新变量 + +```js +let age = 18; +age = 19; +``` + +## 变量的命名规则与规范 + +1. ### JavaScript 内部已占用于单词(关键字或保留字)不允许使用 + +2. ### 只能由下划线 `_` 、字母、数字、 `$` 组成,且不可以以数字开头 + +3. ### 字母严格**区分大小写**,如 Age 和 age 是不同的变量 + +## 常量 + +~~~javascript +const PI = 3.14 +~~~ + +## 获取数据类型 + +```html + + + + + JavaScript 基础 - 数据类型 + + + + + + +``` + +## 数值类型 number + +```html + + + + + JavaScript 基础 - 数据类型 + + + + + + +``` + +## 字符串类型 string + +```html + + + + + JavaScript 基础 - 数据类型 + + + + + + +``` + +## 布尔类型 + +```html + + + + + JavaScript 基础 - 数据类型 + + + + + + +``` + +## 未定义类型 + +```html + + + + + JavaScript 基础 - 数据类型 + + + + + + +``` + +## 类型转换 + +```html + + + + + JavaScript 基础 - 隐式转换 + + + + + +``` \ No newline at end of file