2021-07-20初学JAVAScript

一、数据存储单位

数据存储单位：
位（bit）：1bit可以保存一个0或1（最小的存储单位）
字节（Byte）：1B=8b
千字节（KB）：1KB=1024b
兆字节（MB）：1MB=1024KB
吉字节（GB）：1GB=1024MB
太字节（TB）：1TB=1024GB
…

一、JAVAScript初识导读

1、JAVAScript是什么
（1）JAVAScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）
（2）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行

2、JAVAScript的作用
（1）表单动态校验（密码强度检测）（JS产生最初的目的）
（2）网页特效
（3）服务端开发（Node.js）
（4）桌面程序（Electron）
（5）App（Cordova）
（6）控制硬件-物联网（Ruff）
（7）游戏开发（cocos2d-js）

3、HTML/CSS/JS的关系
（1）HTML/CSS标记语言-描述类语言
01.HTML决定物业结构和内容（决定看到什么），相当于人的身体
02.CSS决定网页呈现给用户的模样（决定好不好看），相当于给人穿衣服、化妆
（2）JAVAScript脚本语言-编程类语言
实现业务逻辑和页面控制（决定功能），相当于人的各种动作

4、浏览器执行JS简介
浏览器分为两部分：渲染引擎和JS引擎
01.渲染引擎：用来解释HTML和CSS。俗称内核，比如Chrome浏览器的blink，老版本的webkit
02.JS引擎：也称为JS解释器，用来读取网页中的JS代码，对其处理后运行，比如Chrome浏览器的V8

浏览器本身并不会执行JS代码，而是通过内置JS引擎（解释器）来执行JS代码，JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JS语言归为脚本语言，会逐行解释执行。

5、JS的组成
（1）ECMAScript
ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）进行标准化的一门编程语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上两者是ECMAScript语言的实现和扩展

ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准

（2）DOM-文档对象模型
文档对象模型是W3C组织推荐的处理可扩展标记语言的标准编程接口，通过DOM提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）
（3）BOM-浏览器对象模型
BOM是指浏览器对象模型，它提供了独立于内容的，可以与浏览器窗口进行互动的对象结构，通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等

6、JS初体验
JS有三种书写位置，分别为行内、内嵌和外部
（1）行内式JS

<input type="button"value="点我试试"onclick="alert('hello world')"/>

注意：01.可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick
     02.注意单双引号的使用：在HTML中推荐使用双引号，JS中推荐使用单引号
     03.可读性差，在HTML中编写大量代码时，不方便阅读
     04.引号易错，引号多层嵌套匹配时，非常容易弄混
     05.特殊情况下使用

（2）内嵌JS

<script>
        alert('hello world~!');
</script>

注意：01.可以将多行JS代码写到<script>标签中
     02.内嵌JS是学习时常用的方式

（3）外部JS文件

<script src="my.js">(不能写代码)</script>

注意：01.利用HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
     02.引用外部JS文件的script标签中间不可以写代码
     03.适合于JS代码量比较大的情况

二、JAVAScript注释

1、单行注释：//单行注释 快捷键：ctrl+/
2、多行注释：

/*
	 多行注释  默认快捷键：shift+alt+a  
	 多行注释  vscode中修改多行注释的快捷键：Ctrl+shift+/
*/

三、JAVAScript输入输出语句

四、变量

1、变量概述
（1）什么是变量：用于存放数据的容器，通过变量名获取数据，甚至可以修改
（2）变量本质：是程序在内存中申请的一块用来存放数据的空间

2、变量的使用（在使用时分为两步）
（1）声明变量

var age//声明一个名称为age的变量

注意：01.var是一个JS关键字，用来声明变量，使用该关键字声明变量后计算机会自动为变量分配内存空间，不需要程序员管
     02.age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

（2）赋值

age= 10；//给age这个变量赋值为10

注意：01.=用来把右边的值赋给左边的变量空间中，此处代表赋值的意思
     02.变量值是程序员保存到变量空间里的值

（3）变量的初始化（即声明一个变量并赋值）

var age =18；//声明变量同时赋值为18

3、变量语法扩展
（1）更新变量
一个变量被重新赋值后，它原有的值会被覆盖，变量值将以最后一次赋的值为准

var age = 18；
age = 81；//最后的结果就是81，因为18被覆盖掉了

（2）同时声明多个变量
同时声明多个变量时，只需写一个var，多个变量名之间使用英文逗号隔开

var age = 10，name = ‘sd’，sex = 2;

（3）声明变量的特殊情况

4、变量命名规范

五、数据类型

1、数据类型简介
（1）为什么需要数据类型
为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型
（2）变量的数据类型

2、简单数据类型
JS中的简单数据类型及其说明

3、获取变量数据类型
（1）获取检测变量的数据类型
typeof可用来获取检测变量的数据类型
（2）字面量
字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值
01.数字字面量：8,9,10
02.字符串字面量：‘黑马程序员’，‘大前端’
03.布尔字面量：true，false

4、数据类型转换
（1）什么是数据类型转换
把一种数据类型的变量转换成另一种数据类型
（2）三种方式的转换：
01.转换成字符串类型

02.转换成数字型（重点）

注意：001.注意parselnt和parseFloat单词的大小写，这2个是重点
     002.隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

03.转换成布尔型