浅识 js（一）

2022-12-27 102 阅读3分钟

js基础知识 (一)

一、js简介

js是一种运行在客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
浏览器就是一种运行js脚本语言的客户端，js的解释器被称为js引擎，是浏览器的一部分。

二、js组成

JavaScript 是由 ECMAScript，DOM 和 BOM 三者组成的。
1. ES (ECMAScript): 定义了JavaScript 的语法规范,描述了语言的基本语法和数据类型
2. DOM (Document Object Model): 文档对象模型
  - 有一套成熟的操作DOM的API，通过 DOM 可以操作页面中的元素。比如：增加个div，减少个 div，给 div 换个位置等.
    - API: 应用程序编程接口(也就是别人写好的代码，或者编译好的程序，提供给你使用)
3. BOM (Browser Object Model): 浏览器对象模型
  - 有一套成熟的可以操作BOM浏览器的API,通过 BOM 可以操作浏览器。比如：弹出框、浏览器跳转、获取分辨率等.

三、js的书写方式

1.行内式

<input type="button" value="按钮" onclick="alert('hello world')" />

2.内嵌式

<body>
    <script>
        alert('hello world')
    </script>
</body>

3.外链式
```
<script src="main.js"></script>
```

四、js变量

变量是什么？
- 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据。
为什么要定义变量？
- 使用变量可以方便的获取或者修改内存中的数据。

如何定义变量？

使用一个 var 的关键字进行定义，后面必须加一个空格，空格后面加变量名

    <scrip>
         var a     //定义变量a
         var b     //定义变量b
         var c     //定义变量c
   </scrip>

如何给变量赋值？
- 变量定义之后，初始时没有进行赋值，内部有一个默认存储的值叫 undefined(未定义) 表示内部未赋值，但可以存储数据了
- 变量赋值的方式：通过等号赋值，等号右边的值赋值给左边的变量，（等号在 js 中叫做赋值号；书写时，等号两侧习惯书写一个空格）
```
  <scrip>
    var a;         // 变量定义
    a = 1;         // 变量赋值
    var b = 2;     // 变量定义并赋值（简写）
 </scrip>
```

如何使用变量？

注意：直接写变量名即可使用变量；变量在使用前，必须先有定义，如果没有定义，会出现引用错误

  <scrip>
    var a = 100       //定义一个变量a 并赋值为100
    console.log(a)    //打印变量a的值 --> 100
  </scrip>

变量命名规则？（必须遵守）
- 由字母、数字、下划线、$符号组成，不能以数字开头
- 字母区分大小写
- 不能是关键字和保留字
  - 关键字指的是js中有特殊功能的小词语，比如var、if、for等
  - 保留字指的是现在没有特殊功能，但是将来新语法中有可能作为关键字使用
变量命名规范？（建议遵守）
- 变量名必须有意义（符合见名知意，尽量不要用字母作为变量名）
- 遵守驼峰命名法（多个单词拼接时，后面一个单词的首字母大写，如bigBox ）