# JavaScript 核心基础和常用方法
TIP
Web 前端入门到精通，关键第一步
# 1、JavaScript 书写位置
| 名称 | 描述 |
|---|---|
| script | 将 JavaScript 代码写在 html 文件中，例如：<body><script>// 此处写 JavaScript 代码 </script></body> |
| / | 引入.js 格式的文件，例如：<script src="此处写js文件所在的路径"></script> |
# 2、输出语句
| 名称 | 描述 |
|---|---|
| alert() | 弹出警告框 |
| console.log() | 控制台输出 |
# 3、变量
注：ES6 新增变量，会单独分类到 ES6 中
| 名称 | 描述 |
|---|---|
| var | 使用 var 可以声明变量 例如：var num = 1;表示声明一个名称为 num，值为 1 的变量 变量的合法命名规则： 1、只能由数字、字母、下划线和$组成，但不能以数字开头 2、不建议使用关键字和保留字 3、严格区分大小写，A 和 a 是两个不同的变量 |
# 4、检测数据类型
| 名称 | 描述 |
|---|---|
| typeof | 检测值或者变量的数据类型 |
# 5、NaN 相关知识
| 名称 | 描述 |
|---|---|
| NaN | 表示非数字，是一个特殊的数值 |
| isNaN() | 用来检测一个值是否为 NaN ，是的话返会 true，否则返回 false |
# 6、数据类型
| 类型名称 | 描述 |
|---|---|
| Number | 数值类型，所有的数字不分大小、不分整浮、不分正负，都是数值类型 |
| String | 字符串类型，使用双引号或者单引号包裹的值 |
| Boolean | 布尔类型，true 表示真，false 表示假 |
| Undefined | 1、变量没有赋值，默认为 undefined 2、变量声明提升时，变量的值也为 undefined 3、undefined 的类型也为 undefined |
| Null | null 表示空，用 typeof 检测 null，结果为 object |
# 7、字符串的常用属性
| 属性名称 | 描述 |
|---|---|
| length | 表示字符串的长度 |
# 8、字符串的常用方法
| 方法名称 | 描述 |
|---|---|
| charAt() | 获取指定位置的字符 |
| substring() | 提取字符串中，介于两个指定下标之间的字符 |
| substr() | 在字符串中指定的位置处，提取指定数目的字符 |
| slice() | 提取字符串的某个部分，类似于 substring() ，不同之处： 1、substring() 可以自动交换参数的位置，而 slice()不行 2、slice()的第一个参数可以是负数，而 substring()不行 |
| toUpperCase() | 把字符串转换为大写 |
| toLowerCase() | 把字符串转换为小写 |
| indexOf | 返回字符串中指定字符首次出现的索引 |
# 9、数据类型转换
| 方法名称 | 描述 |
|---|---|
| Number() | 将其他类型的值转换为数字 |
| parseInt() | 可以将参数转成整数 |
| parseFloat() | 可以将参数转成浮点数 |
| String() | 将其他类型的值转换成字符串 例如：String(123) |
| toString() | 将其他类型的值转换成字符串 ，例如：(5).toString() 和 String()的区别： 1、toString()无法转换 null 和 undefined，String()可以转换 null 和 undefined 2、toString()可增加进制参数，将字符串进行进制转换，String()不能转换进制 3、写法不同，可参考上述例子 |
| Boolean() | 将其他类型的值转换为布尔值 |
# 10、window 下的方法
| 方法名称 | 描述 |
|---|---|
| prompt() | 弹出输入框 |
# 11、复杂数据类型
| 名称 | 描述 |
|---|---|
| Array | 数组 |
| Object | 对象 |
| Function | 函数 |
# 12、算术运算符
| 符号 | 描述 |
|---|---|
| + | 加法运算符。加号有两种作用，分别是加法和连字符 1、加号两边的操作数都是数字，则为加法 2、有一个操作数为字符串，则为连字符 |
| - | 减法运算符 |
| * | 乘法运算符 |
| / | 除法运算符 |
| % | 取余运算符。例如：a%b 代表 a 除以 b 的余数，8 %5 = 3 |
# 13、Number 下的方法
| 方法名称 | 描述 |
|---|---|
| toFixed() | 指定小数点后面的位数 |
# 14、Math 方法
| 方法名称 | 描述 |
|---|---|
| Math.pow(x,y) | 返回 x 的 y 次幂（不常用，了解即可） |
| Math.sqrt() | 返回一个数的平方根（不常用，了解即可） |
| Math.ceil() | 向上取整 |
| Math.floor() | 向下取整 |
# 15、关系运算符
| 符号 | 描述 |
|---|---|
| > | 大于 |
| < | 小于 |
| >= | 大于等于 |
| <= | 小于等于 |
| == | 等于 |
| != | 不等于 |
| === | 全等于 |
| !== | 不全等于 |
# 16、逻辑运算符
| 符号 | 描述 |
|---|---|
| ! | 非 |
| && | 与 |
| || | 或 |
# 17、赋值运算符
| 符号 | 描述 |
|---|---|
| = | 赋值 |
| += | 快捷赋值，例如： a+=1 等价于 a=a+1 |
| -= | 快捷赋值，例如： a-=1 等价于 a=a-1 |
| *= | 快捷赋值，例如： a*=1 等价于 a=a*1 |
| /= | 快捷赋值，例如： a/=1 等价于 a=a/1 |
| %= | 快捷赋值，例如： a%=1 等价于 a=a%1 |
| ++ | 自增运算 ，例如： var num1 = 3; num1++ console.log(num1) // num 的值为 4 |
| -- | 自减运算，例如： var num2 = 3; num2-- console.log(num2) // num2 的值为 2 |
# 18、条件语句
| 名称 | 描述 |
|---|---|
| if | 当指定条件为 true 时，执行 if 语句对应的代码 |
| if...else | 当条件为 true 时，执行 if 语句对应的代码 当条件为 false 时，执行 else 语句对应的代码 |
| if...else if... | 满足条件时，执行它所对应的代码 |
| case | 在 switch 中使用，表示要匹配的每一种情况 |
| default | 在 switch 中使用，表示默认情况，当不满足所有的 case 条件时，会执行默认情况 |
| switch | 根据不同的条件来执行不同的动作。示例： switch (month) { case 1: alert("这个月有 31 天") break; case 4: alert("这个月有 30 天") break; default: alert("请输入正确的月份！！") } |
| boolean_expression ? true_value : false_value | 三元运算符，当条件表达式 boolean_expression 为真，执行表达式 true_value，为假时执行表达式 false_value |
# 19、循环语句
| 名称 | 描述 |
|---|---|
| for | 循环执行一段代码，示例： for(var i = 0; i <10;i++) { console.log(i); } |
| while | 条件为真时循环执行代码块 |
| do-while | while 循环的变体，语法： do{ 循环体 }while(循环执行条件) 注意事项： 1、do-while 循环在检查条件之前一定会执行一次循环体 2、如果条件为真，就会继续执行循环体 3、如果条件为假，则会终止循环 |
# 20、break 和 continue 语句
| 名称 | 描述 |
|---|---|
| break | 用于退出循环 1、在 switch 中使用，用于跳出 switch 语句 2、在循环 for、while 中使用，直接跳出循环 |
| continue | 跳出当前循环，继续执行下一次循环 |
# 21、数组的定义
| 名称 | 描述 |
|---|---|
| Array | 数组， 用来存储一组值 |
| new | 与 Array 结合使用，创建数组，示例：new Array() （new 是 JavaScript 中的一个关键字，用来实例化对象的，后面的面向对象章节中会有详细的讲解，目前了解即可） |
# 22、数组类型的判断
| 名称 | 描述 |
|---|---|
| Array.isArray() | 检测数据是否是一个数组，返回布尔值 |
# 23、数组常用的属性
| 名称 | 描述 |
|---|---|
| length | 返回数组长度 |
# 24、数组的常用方法
| 方法名称 | 描述 |
|---|---|
| push() | 在尾部插入新项 |
| pop() | 删除数组的最后一项 |
| unshift() | 在头部插入新项 |
| shift() | 删除数组的第一项 |
| splice() | 用于添加或删除数组的元素 |
| slice() | 从已有的数组中返回选定的元素 |
| concat() | 合并多个数组 |
| reverse() | 颠倒数组中元素的顺序 |
| indexOf() | 返回指定元素的索引值，如果不存在返回-1 |
| includes() | 判断一个数组是否包含指定的值，返回布尔值 |
| sort() | 用于数组排序（涉及到函数知识，在函数一节再进行详细的讲解） |
| join() | 将数组转成字符串 |
# 25、字符串的常用方法
| 方法名 | 描述 |
|---|---|
| split() | 将字符串转成数组 |
大厂最新技术学习分享群
微信扫一扫进群，获取资料
X