JavaScript基础
1. 什么是js：
HTML：专门编写网页内容
CSS：专门设计网页样式
*************************************
JavaScript：专门定义网页交互行为的语言
交互：输入数据，处理数据，返回结果
专门运行在浏览器的解释器中
解释执行。
JavaScript：Netscapt 参照ECMAScript做出的语言
JScript：Microsoft 参照ECMAScript做出的语言
W3C：*DOM标准：专门操作网页内容的标准*
2004：Mozilla基金会 Firefox
BOM：没有标准。操作浏览器窗口的API
总结：JavaScript：ECMAScript(核心语法)+
DOM(专门操作网页内容)+
BOM(专门操作浏览器窗口)
*如何在网页中编写js程序：3种方式：
1种：元素的事件属性中：仅当事件发生时，才自动执行
事件：浏览器对用户操作做出的反应
程序员可以定义事件发生后，执行的程序
语法：开始标签中：on事件名="js语句"
2种：专门的<script>元素中，编写当前页面可重用的js语句
脚本（script）: 不需要预编译，就可直接解释执行的程序
直接写在<script>元素中的js语句，随页面加载过程，解释执行
3种：专门的.js文件，保存js程序：2步
1. 编写.js文件
2. 在网页中链接.js文件的路径
<script src="路径"></script>
1. 变量：
1. 什么是变量：内存中存储一个数据的存储空间
再起一个名字。
2. 何时使用变量：程序中接受的，待处理的，将要输出的数据都要在变量中临时保存，然后再使用。
3. 变量如何使用：2种情况：
1. 赋值：2步
1. 先创建一个变量——声明
语法：var 变量名;
仅声明，但未赋值的变量，默认值为undefined
2. 将数据存入变量--赋值
语法：变量名=数据;
强烈建议：在声明同时，就赋初值——初始化
语法：var 变量名=数据;
强调：变量命名规则：
1. 不能以数字开头
2. 见名知义
3.不能使用保留字：js中已经有特殊意义的单词
4. 多个单词组成变量名时，使用驼峰命名：
比如：userName listStyleType
/*为没有声明过的变量赋值，js会自动创建*全局*同名变量*/
比如：box=100; //正确执行，自动创建同名变量box
/*变量之间赋值：
将等号右边变量中的值，复制一份到左边变量中*/
比如：var box1=1; var box2=2; box1=box2;
box1?2 box2?2
2. 取值：
*在任何位置使用变量名，等效于直接使用变量中的数据*
强调：js中不能从未声明的变量中取值。如果使用会报错：
ReferenceError
***声明提前：无论在程序的任何位置使用var声明的变量，都会在预读阶段，被提前到*当前作用域*的开始位置声明
***仅声明提前，赋值留在原地***
总结：赋值：变量在等号左边时
取值：使用变量执行运算或输出时。
常量：一旦初始化后，值不可改变的量。
何时使用常量：不希望某个数据被擅自更改时，就要存在常量中
如何使用常量：
1. 声明并初始化:
const 常量名=初值;
2. 取值:用法和变量完全一致。
2. ***数据类型：内存中存储不同类型的数据，使用的不同格式
js中数据类型：分2大类：
1. 原始类型：数据直接保存在变量本地的数据类型
5种：String Number Boolean undefined null
2. 引用类型：待续
1. Number类型：专门保存数字的类型就是Number类型
强调：不带引号的数字
何时使用：用于计算或比较大小的数字，不带引号。
js中整数和浮点数（小数）都用Number类型保存
1kb=1024byte（字节）
1byte=8Bit(位) 整数32Bit=4byte(字节)
浮点数64Bit=8byte(字节)
*舍入误差：计算机无法精确表示1/10，导致计算中产生的误差*
不能避免，只能四舍五入：变量.toFixed(2);
*数值大小和所占空间无关*
比如： var num=8;
//00000000 00000000 00000000 00001000
2.String类型：专门保存一串字符的数据类型
强调：字符串都要带引号
何时使用字符串：数据用于输出时，多使用String类型
1. 大小：js中的String采用unicode编码，保存每个字符
unicode编码：
国际通用的，对各种语言中每个字符定义的编号
*每个字符占2字节，汉字，数字，字母，标点都是2字节*
比如："Hello":2*5=10个字节
2. 字符串一旦创建内容不可改变！
var str1="hello"; str1=str1+"world";
"helloworld"
共创建 3 个字符串
3.Boolean类型：专门定义真，假的类型。
只有2个值：真true,假false
