基础

JavaScript书写位置

1、行内 JavaScript
通常放在文档结尾的 $< / b o d y >$ 上面
将 $< scr i pt >$ 放在HTML文件的底部附近是因为浏览器会按照代码在文件中的顺序加载HTML。
2、内部JavaScript
代码写在标签内部。
3、外部」avaScript
代码写在以 .js 结尾的文件里，通过script标签，引入到html页面中。

JavaScript输出语法

输出语法：
语法1：
document.write(‘要出的内容’)
作用：向body内输出内容
语法2：
alert(‘要出的内容’)
作用：页面弹出警告对话框
语法3：
console.log(‘控制台打印’)
作用：控制台输出语法，程序员调试使用
换行输出：’ < br > ’

JavaScript输入语法

输入语法：
语法：prompt(‘请输入您的姓名：’)
作用：显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

变量

语法：let 变量名 = 值
多个变量中间用逗号隔开，但并不推荐这样。通常为了更好的可读性，一行只声明一个变量。
在avaScript中，根据作用域的不同，变量可以分为：全局变量、局部变量
全局变量：函数外部1et 的变量
函数内部1et 的变量
全局变量在任何区域都可以访问和修改,局部变量只能在当前函数内部访问和修改。
访问原则：在能够访问到的情况下先局部，局部没有在找全局

数组

语法：1et 数组名=[数据1，数据2，…·，数据n]
数组是按顺序保存，所以每个数据都有自己索引号

常量

当某个变量永远不会改变时，可使用const来声明一个“常量”。
语法：const 变量名 = 值
注意：常量不允许重新赋值，声明的时候必须赋值（初始化）

数据类型

JS数据类型整体分为两大类：基本数据类型、引用数据类型
基本数据类型:
number 数字型
string 字符串型
boolean 布尔型
undefined 未定义型
null 空类型

引用数据类型
object对象

number 数字型

number 数字型可以进行算术运算操作，主要包括加、减、乘、除、取余（求模)。>+: 求和、-: 求差、*: 求积、/: 求商、%: 取模（取余数）
算术运算符优先级：先乘除取余，后加减，有括号先算括号
NaN代表一个计算错误。它是一个不正确的或者一个未定义的数学操作所得到的结果。任何对NaN的操作都会返回NaN。

string 字符串型

通过单引号(“)、双引号(”)或反引号(')包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。
.
字符串拼接：+运算符可以实现字符串的拼接（数字相加，字符相连）
.
注意事项：
1.无论单引号或是双引号必须成对使用
2.单引号/双引号可以互相嵌套，但是不以自已嵌套自已
3.必要时可以使用转义符\，输出单引号或双引号

模板字符串：拼接字符串和变量
语法:内容用反引号``，内容中的变量用（美元符号+{}）包住
例:

boolean 布尔型

布尔类型数据表示真或假，它只有true和false两个固定的值。

未定义类型(undefined)

未定义是比较特殊的类型，只有一个值undefined。未定义类型是弱数据类型，声明一个变量未赋值就是undefined（只声明变量，不赋值）

nul（空类型)

JavaScript中的null仅仅是一个代表“无”、"空”或“值未知”的特殊值。undefined表示没有赋值，而null表示赋值了，但是内容为空。nul作为尚未创建的对象，即将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null。

检测数据类型

JavaScript中可以通过typeof关键字检测数据类型，支持两种语法形式：
作为运算符：typeof ×（常用的写法)
函数形式：typeof(x)

类型转换

JavaScript是弱数据类型，在使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，需要转换变量的数据类型。类型转换，就是把一种数据类型的变量转换成我们需要的数据类型。

隐式转换

隐式转换：某些运算符被执行时，系统内部自动将数据类型进行转换。缺点是转换类型不明确。
规则：
+号两边只要有一个是字符串，都会把另外一个转成字符串， - * / 等都会把数据转成数字类型。任何数据和字符串相加结果都是字符串。

显式转换

为了避免因隐式转换带来的问题，通常根逻辑需要对数据进行显示转换。
显式转换明确告诉系统该转成什么类型。
转换为数字型：Number(数据)
只保留整数：parselnt(数据)
可以保留小数：parseFloat(数据)

运算符

赋值运算符：对变量进行赋值的运算符
赋值运算符：=将等号右边的值赋予给左边，要求左边必须是一个容器
其他赋值运算符：
+=
*=
/=
%=

一元运算符:
JavaScript运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符
自增：++
自减：–
注意：前置自增和后置自增单独使用没有区别
let num=1 num++, ++num
其作用都相当于 num+=1
.
注意：前置自增和后置自增如果参与运算就有区别
前置自增：先自加再使用（记忆口决：++在前先加）
后置自增：先使用再自加（记忆口诀：++在后后加）

比较运算符：

逻辑运算符：解决多重条件判断
怎么判断一个变量um是否大于5且小于10？
错误写法：5<num<10
正确写法：num > 5 && num < 10

运算符优先级：

分支语句

$i f$ 语句
if 语句有三种结构：单分支、双分支、多分支

三元运算符

switch语句
switch case语句一般用于等值判断,不适合于区间判断，switch case一般需要配合break关键字使用，没有break会造成case穿透

循环语句

while 循环：

while循环需要具备三要素：
1.变量起始值
2.终止条件（没有终止条件，循环会一直执行，造成死循环）
3.变量变化量（用自增或者自减）

for 循环：

例子：

当如果明确了循环的次数的时候推荐使用for循环
当不明确循环的次数的时候推荐使用while循环

数组

数组(Array)：是一种可以按顺序保存多个数据的数据类型
定义1：1et 数组名=[数据1，数据2，··，数据n]
定义2：1et 数组名=new Array(数据1，数据2，··，数据n)

操作数组

.
新增
数组名. push()：将一个或多个元素添加到数组的末尾，并返回该数组的新长度(重点)
数组名.unshift() ：将一个或多个元素添加到数组的开头，并返回该数组的新长度
.
删除
数组名. pop() ：从数组中删除最后一个元素，并返回该元素的值
数组名. shift() ：从数组中删除第一个元素，并返回该元素的值
数组名. splice(start,deleteCount) ：删除指定元素。start 指定修改的开始位置（从0计数），deleteCount：要移除的数组元素的个数，可选。如果省略则默认从指定的起始位置删
除到最后。
.
数组排序
数组名. sort() 方法可以排序，从小到大
升序：arr.sort(function (a,b){ return a-b})
降序：arr.sort(function (a,b){ return b-a})

函数

函数：是被设计为执行特定任务的代码块，可以实现代码复用，提高开发效率。
.
无参函数定义：function 函数名(){ 函数体 }
无参函数调用：函数名()
$.$
函数名命名规范：
尽量小驼峰式命名法
前缀应该为动词
例：function getName( ){ }
.
参数函数定义：function 函数名(参数){ 函数体 }
参数函数调用：函数名(参数)
用户不输入实参，可以给形参默认值，默认值只会在缺少实参参数传递时才会被执行，所以有参数会优先执行传递过来的实参。
.
当函数需要返回数据出去时，用return关键字
语法：return 数据
.
函数可以分为：具名函数、匿名函数
匿名函数，是没有名字的函数，无法直接使用。使用方式：函数表达式、立即执行函数。
1、函数表达式：将匿名函数赋值给一个变量，并且通过变量名称进行调用

2、立即执行函数：避免全局变量之间的污染
注意：多个立即执行函数要用；隔开，要不然会报错

对象

对象(object)：JavaScript里的一种数据类型，可以理解为是一种无序的数据集合，用多个变量保存则比较散，用对象比较统一。有静态特征=>可以使用数字，字符串，数组，布尔类型等表示、动态行为=>使用函数表示。
.
对象声明
1、：1et 对象名={ }
2、：let 对象名=new Object()
.
对象由属性和方法组成
属性：信息或叫特征（名词）。属性都是成对出现的，包括属性名和值，它们之间使用英文：分隔,多个属性之间使用英文，分隔
方法：功能或叫行为（动词）
.
对象属性操作

对于多词属性或则“—"等属性，点操作就不能用了。采取：对象[‘属性’]方式，单引号和双引号都阔以

.
对象方法操作
方法是由方法名和函数两部分构成，它们之间使用：分隔

.
遍历对象

.
内置对象-Math
Math对象是JavaScript提供的一个“数学”对象，提供了一系列做数学运算的方法