JS的基本概念和语法

一.Js的概念级组成

概念：Java script。基于事件对象驱动，具有相对安全的解释型客户端脚本语言
组成：
Bom：浏览对象模型 Dom文档对象模型，对元素、属性、属性值进行操作
EcmAscript：ES核心语法 、变量、数据类型、流程控制等等。

*二.JS的三种引入方法

1.内嵌式
在body标签结束之前或者在head标签里面放入

三.JS的四种输出方式

1.警告框 alertc（想要弹出的东西）
2.输入框 prompt（提示信息）
3.网页输出 可以识别标签 docment.write（想要在网页中显示的内容）
4.控制台输出 console.log（“信息1”，“信息2”）； \n代表换行
'代表引号 注意：网页输出中，用反引号里面的代码就可以换行 esc`下面的反引号

四.变量

变量的含义：变化的数据，用于储存程序中的数据
1.定义变量=声明+赋值
var 变量名=值；
let变量名=值；
const变量名=值；
var定义的变量可以重复声明和赋值
let定义的变量不可以重复声明，可以赋值
const定义的变量不可以重复声明和赋值

2.变量的命名规则
（1）由数字 字母 下划线$组成，不能以数字开头
（2）不能是关键字或者保留字
（3）js区分大小写，用对应的英文，使用小驼峰命名

五.数据类型

好处：合理分配内存+方便同类型变量之间进行运算
1.基本数据类型
（1）数值型 number：现实中的所有数字
（2）字符串类型string：所有引号引起来的都是字符串
（3）布尔类型 boolean——只有两个值true和false
（4）空类型 null——只有一个值null
（5）未定义类型 undefined——只有一个值 undefined
（6）唯一类型 symbo1
（7）大数据类型 bigint
（8）查看数据类型typeof（值/度量名）
注意：typeofcunll得到的结果是object

2.引用数据类型
对象类型 object

3.数据类型转换
自动类型转换 强制类型转换 转换为数值类型
parseint（变量/值）：只有数字开头的字符串可转，保留到第一位非数字的字符的整数部分。其它一律NaN
parsefloat（变量/值）:只有数字开头的字符串可转，保留到第一位非数字的字符部分，要保留有效的小数部分。其它一律NaN
Number（变量/值）：空的或者全数字的字符串可转
true/false 0
null 0
undefined和其它情况一律NaN

4.转换为布尔类型
Boolean(变量/值)
… 0 NaN null undefine 都为false，其余都为true；

5.转换为字符串string（变量/值）

6.运算符

1.算术运算符
+，-，*，/，%，++，–
–自减1
++自增1
注意：a++在表达式中，代表先入a本身的值进行运算，之后再让a+1（先用后）加
++a在表达式中，代表先让a+1，之后再带入a+1后的值进行运算（先加后用）

2.比较运算符 > < <= ==（判定值相等）
= = =（全等 值和类型都相等） ！= 不等 ！= =
3.逻辑运算符 &（什么与什么要加&）
||（列子 a或者b = a||b）
4.赋值运算符 = += /= -=
5.三目运算符 条件？ 表达式1：表达式2；[条件为真执行表达式1，否则执行表达式2]

7.流程控制语句

流程：默认流程，分支流程，循环流程
1.分支流程
1.单分支流程
if（条件）{
条件成立要执行的代码
}
2.双分支
if（条件）{
条件成立要执行的代码
} else{
条件不成立执行的代码
}
注意：苛刻的条件必须放在前面！！！
3.多分支
if（条件1）{
条件1成立执行的代码：
}else if（条件2）{
条件成立执行的代码:
}
…
else{
以上条件都不成立执行的代码
}

2.分支流程——switch
switch（变量，值，表达式–a）{
case 表达式1：
表达式1和a全等的时候执行的代码；
break；
default；
以上条件都不成立的时候执行的代码；
}

8.循环语句

1.for循环
语法 ：for（let i=（初始值）；i<循环条件；i++更新循环变量）{
循环体；
}
说明：反引号里面使用${变量名}会识别成变量

循环四要素：
初始化：初始信息的设置——比如循环变量的设置
循环条件：循环要执行需要满足的条件
更新循环变量
循环体：要重复执行的代码
反引号里面使用${变量名}会识别成变量
+前后只要有一个是字符串，+就会变成字符串拼接符号

2.while循环
语法
初始化；
while（循环条件）{
循环体；
更新循环变量；
}

3.dowhile循环
语法；
初始化；
do{
循环体；
更新循环变量
}while（循环条件）
注意：dowhile是先执行一次代码之后再判定是否满足循环条件——也就是说他至少会执行一次！

9.随机生成 一个数字

var = 大写Math.floor（Math，randomc（）*101）
取得是0——1之前的数必须放大100倍
floor是向下取整的意思

10.函数

含义：一段代码的封装。主要用于实现某个功能。
函数是代码封装和复用的体现
1.定义
（1）声明式
function函数名（）{
函数体；
}
注意：函数不会主动执行，需要调用哦
调用：函数名（）
（2）表达式
let或者var 函数名=function（）{
函数体
}
注意：函数都需要调用
调用：函数名（）
声明式的调用可以在函数定义之前，而表达式不允许

2.带参函数的定义
（1）实现已知数据的功能代码
（2）在定义函数的小括号处，填入形参[位置数据]，多个用逗号分开
（3）在调用函数的小括号处，填入实参[具体的数据]

3.形参和实参的关系
形参和实参在个数、顺序、数据类型上都要一致
如果实参少于形参个数，型参的值为undefined；

4.变量的作用域
全局变量：全局可用。函数体外通过var定义的，或者在函数体内部没有用关键字定义的

5.函数的返回值
当需要函数的结果进行下一步运算，明确要求返回的时候，需要用返回值
函数的返回值
函数体后面 return 变量、值、表达方式
return的值获取 函数名（）
注意：retu一旦执行，后面的代码就不会再执行了
函数如果没有设置ret，那么函数的返回值就是undefined

11.预编译

1.预编译：函数在执行之前，会先进行预编译
变量提升：[将变量的声明代码提升到作用]
var定义的变量
声明式定义的函数
return后面的语句
if里面的语句[即条件不成立的情况，也会变量提升]

2.arguments——函数自带的对象：记录函数参数的相关信息
获取函数实参的个数 arguments.lenght
获取具体的某个实参 arguments[对应实参的索引]
索引是从0开始的

3.递归函数：函数自己调用自己
注意：递归必须要有结束[要有出口]

12.常用事件

1.获取元素的节点 document.getElementByID（‘id名字’）

2.获取元素的属性 元素节点，属性名

3.设置元素的属性 元素节点.属性名=属性值；

4.绑定事件
元素节点.on事件类型=function（）{
要执行的操作代码；
}
常见的事件有：
onclick 点击
on load 页面加载完成
om mouseover 鼠标悬停
on mouseout 鼠标移出