文章目录
1. 概念
一种运行在客户端的脚本语言(也可以运行在服务端,比如 nodejs)。
2. 特点
不同于其他语言(c 语言,java,它们是编译执行),js 是解释执行(读一行执行一行)
3. 作用
万金油，无所不能。
- 表单动态校验（密码强度检测）( JS 产生最初的目的）
- 网页特效。
- 小程序
- 服务端开发（ Node.js )。
- 桌面程序（ Electron )（像你们用的 vscode 就是基于 js 开发的）。
- App ( Cordova )。
- 控制硬件﹣物联网（ Ruff )。
- 游戏开发（cocos2d-js）。
4. ECMAScript 脚本语言
-
JavaScript,JScript 等脚本语言都是基于 ECMAScript 标准实现的，因此在
声明变量,操作数组等语法是完全一样的。 -
但在操作页面上的元素和操作浏览器方面各有各自独特的方法，因而 BOM 和 DOM 的实现各个厂商是不一样的。
-
JavaScript 由 ECMAScript，DOM 和 BOM 三者组成的。
一般认为浏览器中 JavaScript 由三部分组成：
- ECMAScript: 基础语法
- DOM: 文档对象模型
- BOM: 浏览器对象模型
5. 引入方式
5.1. 内部形式
需要写script标签。
<script>
alert("Hello World");
</script>
5.2. 外部形式
一般将 JavaScript 代码写在独立的以 .js 结尾的文件中，然后通过 script 标签的 src 属性引入。
-
demo.js 文件
alert("Hello World"); -
html 文件
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>js第一天</title> </head> <body> <script src="./demo.js"></script> </body> </html>
6. 注释
6.1. 单行注释
单行注释 //（快捷键 ctrl+/）。
6.2. 多行注释
多行注释 /* */（快捷键 ctrl+shift+/）。
6.3. 注意
多行注释只能嵌套单行注释，不能嵌套多行注释。
7. 输入和输出
7.1. 输出
7.1.1. 输出方式一
alert()弹框，主要用来显示消息给用户，
7.1.2. 输出方式二
console.log()打印到控制台，主要用来显示消息给用户。
7.1.3. 输出方式三
document.write()输出页面（写到浏览器的 body 中 dom 方式）。
7.2. 输入
向 prompt() 输入任意内容会以弹窗形式出现在浏览器中，一般提示用户输入一些内容。
prompt('请输入您的姓名:')
8. 变量
8.1. 概念
本质就是内存中存取数据的那块空间(容器)。
8.2. 使用方式
8.2.1. 方式一
先声明在赋值。
var age;
age = 18;
8.2.2. 方式二
声明的同时赋值。
var age = 18;
8.3. 变量名命名规则
关于变量的名称（标识符）有一系列的规则需要遵守：
- 只能是字母、数字、下划线、$，且不能能数字开头。
- 字母区分大小写，如 Age 和 age 是不同的变量。
- 变量名称对大小写敏感（y 和 Y 是不同的变量）。
- 不能是关键字或者保留字。
- 尽量保证变量具有一定的语义，见字知义。
- 建议使用小驼峰命名法(首字母小写,后面每个单词首字母大写)和大驼峰命名法(每个单词首字母大写)。
- 小驼峰命名法：一般用做 变量名 函数名 对象名
- 大驼峰命名法：一般作为类名 构造函数名
- 全部都是大写(一般用在常量上)。
9. 关键字
JavaScript 使用专门的关键字 let 和 var 来声明（定义）变量，在使用时需要注意一些细节：
以下是使用 let 时的注意事项：
- 允许声明和赋值同时进行
- 不允许重复声明
- 允许同时声明多个变量并赋值
- JavaScript 中内置的一些关键字不能被当做变量名
以下是使用 var 时的注意事项：
- 允许声明和赋值同时进行
- 允许重复声明
- 允许同时声明多个变量并赋值
大部分情况使用 let 和 var 区别不大，但是 let 相较 var 更严谨，因此推荐使用 let！！！