初识JS

JavaScript的组成

1. ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型
2. BOM (Browser Object Model): 浏览器对象模型
  - 有一套成熟的可以操作浏览器的 API，通过 BOM 可以操作浏览器。比如： 弹出框、浏览器跳转、获取分辨率等
3. DOM (Document Object Model): 文档对象模型
  - 有一套成熟的可以操作页面元素的 API，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给 div 换个位置等

总结： JS 就是通过固定的语法去操作 浏览器 和 标签结构 来实现网页上的各种效果

JavaScript代码的书写位置

• 和 css 一样，我们的 js 也可以有多种方式书写在页面上让其生效

• js 也有多种方式书写，分为 行内式， 内嵌式，外链式

• JS 中的注释

• 学习一个语言，先学习一个语言的注释，因为注释是给我们自己看的，也是给开发人员看的

• 写好一个注释，有利于我们以后阅读代码

• 单行注释

• 一般就是用来描述下面一行代码的作用

• 可以直接写两个 / ，也可以按 ctrl + /

• 多行注释

• 一般用来写一大段话，或者注释一段代码

• 可以直接写 /**/ 然后在两个星号中间写注释

  • 各个编辑器的快捷键不一样，vscode 是 ctrl + shift + a

  • 变量（重点）

• 变量指的是在程序中保存数据的一个容器

• 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据

• 也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他

• 语法： var 变量名 = 值

• 变量的命名规则和命名规范

• 规则： 必须遵守的，不遵守就是错

  1. 一个变量名称可以由 数字、字母、英文下划线（_）、美元符号（$） 组成
  2. 严格区分大小写
  3. 不能由数字开头
  4. 不能是 保留字 或者 关键字
  5. 不要出现空格

• 规范： 建议遵守的（开发者默认），不遵守不会报错

  1. 变量名尽量有意义（语义化）
  2. 遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写
  3. 不要使用中文

数据类型（重点）

• 是指我们存储在内存中的数据的类型
• 我们通常分为两大类 基本数据类型 和 复杂数据类型

基本数据类型

1. 数值类型（number）
   • 一切数字都是数值类型（包括二进制，十进制，十六进制等）
   • NaN（not a number），一个非数字
2. 字符串类型（string）
   • 被引号包裹的所有内容（可以是单引号也可以是双引号）
3. 布尔类型（boolean）
   • 只有两个（true 或者 false）
4. null类型（null）
   • 只有一个，就是 null，表示空的意思
5. undefined类型（undefined）
   • 只有一个，就是 undefined，表示没有值的意思

复杂数据类型

1. 对象类型（object）
2. 函数类型（function）

数据类型转换

• 数据类型之间的转换，比如数字转成字符串，字符串转成布尔，布尔转成数字等