JavaScript核心基础和常用方法总结-源码交易平台丞旭猿-丞旭猿

TIPWeb 前端入门到精通，关键第一步

1、JavaScript 书写位置

名称	描述
script	将 JavaScript 代码写在 html 文件中，例如：
/	引入.js 格式的文件，例如：

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、变量没有赋值，默认为 undefined2、变量声明提升时，变量的值也为 undefined3、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 和 undefined2、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=a1
/=	快捷赋值，例如： 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()	将字符串转成数组

上述内容源自于：arry老师的博客，用代码将梦想照进现实 | 更多内容请点击博客。

声明：本文部分素材转载自互联网，如有侵权立即删除。

1. 本站所有资源来源于用户上传和网络，如有侵权请邮件联系站长！邮箱：cxysz1@tom.com
2. 分享目的仅供大家学习和交流，您必须在下载后24小时内删除！
3. 不得使用于非法商业用途，不得违反国家法律。否则后果自负！
4. 本站提供的源码、模板、插件等等其他资源，都不包含技术服务请大家谅解！
5. 如有链接无法下载、失效或广告，请联系管理员处理！
6. 本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
7. 如遇到加密压缩包，请使用WINRAR解压,如遇到无法解压的请联系管理员！
8. 精力有限，不少源码未能详细测试（解密），不能分辨部分源码是病毒还是误报，所以没有进行任何修改，大家使用前请进行甄别
丞旭猿论坛

THE END

技术文档