js基础

行为js

JS错误处理

语法错误

简单的说，语法错误就是不符合js语法的错误，出现语法错误，控制台会进行自动报错并告知错误的行号（但是行号不一定准确）。常见语法错误：符号漏写，多打，少打，错打使用了不合语法的变量名语句写错，没写完等等。浏览器一次总是只告诉你第一个错误SyntaxError语法错误unexpected token(连续字母，符号)逗号也是一个合法表达式，使用逗号，一般会返回逗号后面的结果js中函数可以当参数传，但是格式要写对【看大图】

SyntaxError:语法错误token：符号（连续的字符，符号）identifier：变量名

运行时错误

-ReferenceError ，变量引用异常触发【比如变量没有被声明就开始使用】

-TypeError，类型使用错误时触发TypeError发生的两种情况：1、获取未初始化的变量的属性或方法2、调用类型错误

RangeError，不太常见，一般会在递归爆栈时触发，即递归深度太深【比如，function a（）{a（）；}此时代码定义了一个无限递归的函数，运行的话就会触发这个错误】图示代码函数不会产生递归情况

如何区分语法错误和运行时错误对于新手来说，语法错误 跟运行时错误在近看代码的情况下太容易区分。一个简单的区分方法是：-语法错误无论如何都不可能运行成功-运行时错误是有可能运行成功的

逻辑错误：一般指的是计算结果不符合预期

主动触发错误

主动触发一个错误当发生一些不可避免的错误时，可以使用下面的语句来抛出这个错误throw语句eg：throw new Error(' arguments should all be numeber!')会把错误抛给离他最近的try catch语句【当throw语句抛出错误后，所在的函数就会停止执行，throw语句后面的内容不会再运行，程序的执行位置会一直往外跑，直到碰到最近的try catch语句】

发生不可避免的错误时怎么办？某些运行时错误不可避免使用try catch语句 (只能捕获运行时错误)try{//如果内部的代码抛出错误，则代码直接跳入catch运行块，且把错误对象赋值给catch括号内的变量，然后执行catch内的语句。console.log();}catch(e){console.log();}finally{//做一些清理性的工作//finally块是一定会执行的}

【执行了try语句以后，不管catch语句是否执行，finally语句都一定会执行；如果finally语句中也有return语句的话，即使try或catch语句中执行了return语句，那最终返回的结果也会是finally语句中的return内容】

JavaScript，负责交互，一种语言，浏览器就是它的解释器JavaScript是单线程语言，单线程就是所执行的代码必须按照顺序执行的。 

写法

写在script标签之间

引入外部scrip文件

写在标签上

注释

//单行注释

/*多行注释*/

标识符：变量、函数、属性的名字，或者函数的参数标识符命名规则：1. 字母 、数字、下划线、美元符号组成2. 不能数字开头3. 不能使用关键字保留字做标识符

变量：本质是内存中一个存储单元

数据类型

字符串string：单引号或双引号括起来的字符。“ ”不是空字符串，有空格

所有加了“”的量都是string；

数字类型number。number：表示整数和浮点数；NaN : Not a Number 是一个特殊的数值；也属于数值；

1、任何涉及NaN的操作，都会返回NaN;2、NaN和任何值都不相等，包括NaN 本身；isNaN(n) -检测n是否是一个“非数值”，返回 true 和 false；isNaN(n) 对接收的数值，会先尝试将字符转化为数值，在转不了的情况下，才会认定为非数

boolean布尔类型。true或者false

null空类型，不占据空间

undefined值是派生自null值的，所以undefined==null的返回结果是true。

undefined未定义类型

数据类型转化。利用console（tpyeof 变量）在控制台输出数据类型

强制数据类型转化

转字符串

数字变量-->字符串：数字变量.toString（）

布尔-->字符串：布尔.toString（）

转布尔

字符串-->布尔：Boolean（字符串）。只有空字符串会输出false

数字-->布尔：Boolean（数字）。数字0、数字NaN、空字符才会输出false

转数字变量

字符-->数字：

字符串是纯数字

Number（字符串）会转正常数字

parseInt（字符串）会转整数

parseFloat（字符串）会转正常数字

字符串是空字符串

Number（字符串）转0

parseInt（字符串）转NAN

parseFloat（字符串）转NAN

字符串不是纯数字

字符串数字开头

Number（字符串）转NaN

praseInt（字符串）转去前面数字部分的整数

字符串不是数字开头

都转NaN

布尔-->数字

Number（布尔），true转1，false转0

parseInt和parseFloat都转NaN

undefined变量转其他类型

变量.toString（），会报错

Boolean（变量），会转false

Number（变量）、parseInt（变量）、parseFloat（变量）都会转NaN

操作符

算术操作符：+ - * / % ++ -

在运算中，除了加法，其余的运算都会将字符串先转换为数字之后再进行计算，但是两个数据相加，如果有一方是字符串的话，加号的作用就是将他们进行拼接

NaN和任何数据运算都是NaN

赋值操作符

简单赋值： =

复合赋值：+=、-=、*=、/=、%=

比较操作符。返回值：布尔

==：只比较值是否相等

===：全等，比较值的同时还比较类型是否相等

！=：只比较值是否不相等

！==：不全等，比较值的同时还比较类型是否不相等

三元操作符

语法：条件？执行代码1：执行代码2说明：可代替简单的if语句，如果条件成立，执行代码1，否则执行代码2

逻辑操作符

&& : 与(并且)（只要有一个条件不成立，返回false）

var num_1 = 10;var num_2 = 20;var num_3 = 30;var str = \"hello word\

逻辑或：|| 或 ：（只要有一个条件成立，返回true）

逻辑非：! : 无论操作数是什么数据类型，逻辑非都会返回一个布尔值!! : 第二个逻辑非则对该布尔值求反

函数

函数的返回值任何函数通过return语句，后面跟着返回的值来实现返回值

说明：1、函数会在执行完return语句之后停止并立即退出2、return语句也可以不带有任何返回值，用于提前停止函数执行又不需要返回值的情况。//return 后不一定跟返回值

argumentsECMAScript中的参数在内部用一个数组来表示，在函数体内通过argument对象来访问这个数组参数。 

说明：（1）arguments对象只是与数组类似，并不是Array的实例。（2）[]语法访问它的每一个元素，下标从0开始（3）length属性确定传递参数的个数。arguments.length 可以知道传递进来的参数的个数

条件语句

分支语句

分支语句if

if（条件）{代码1；}else if（条件）{代码2；}...[...代表可以增加无数个else if] else{代码3；}

if 语句的嵌套举个栗子：var password=prompt（”请设置您的密码“）；//判断密码的长度，如果不是6位，否则if（password.length!=6）{alert(\"请输入6位的数字密码\")；}else{//如果密码不是非数字，否则是数字if（isNaN（password）==true）{alert（”密码必须要是数字“）；}else{alert（”密码设置正确“）；}}

-switch语句多条件判断用switch，三个以内条件用if

语法：switch(expression){case value:statementbreak;case value:statementbreak;......default:statement}

default是所有case都找不到时候的出口

循环语句

for语句

语法：for（语句1；语句2；语句3）{被执行的代码块；}说明：语句1：在循环（代码块）开始前执行（循环初始值）语句2：定义运行循环（代码块）的条件（循环条件）语句3：在循环（代码块）已被执行之后执行（变量的变化） 

循环嵌套当循环与循环发生嵌套时遵循下列规则：1)外层为假时内层不执行2)先执行外层再执行内层，直至内层的条件为假时再返回外层去执行。

while语句

whlie(条件){需要执行的代码；}        先判断条件，再执行脚本

do{需要执行的代码；}while(条件)    先执行脚本，再判断条件，至少会执行一次；

说明：这种语法的循环至少要被执行一次，尽量多使用while，少使用do while，因为do while总是至少要执行一次。

循环相关

for与while的区别for:适合已知循环次数的循环体while:适合未知循环次数的循环体

break：立即退出整个循环；continue：退出本次循环，继续执行下一次循环；

内置对象

数组：数组主要是用来存储一组数据的。

创建数组的基本方式有两种

1)使用Array构造函数语法：var 变量名 = new Array（）小括号（）里有两种情况：①一个数字的话就是数组要保存的项目数量②多个用逗号隔开的数据，就是向Array构造函数中传递数组应包含的项

2）使用数组字面量表示法由一对包含数组的方括号[]表示，多个数组项之间以逗号隔开。举个栗子：var 变量名=[\"red\

数组元素的读写读取和设置时，使用方括号[ ]并提供相应的索引说明：索引是从0开始的正整数

数组长度语法：array.length功能：获取数组array的长度返回值：number

说明：1)通过设置length可以从数组的末尾移除项或向数组中添加新项。2)把一个值放在超出当前数组大小的位置上时，会重新计算数组长度值，长度值等于最后一项索引加1.

数组方法

栈方法就是： 指在栈的栈顶对栈里面的元素进行添加（进站）或删除（出栈）的操作方法。

二、pop（）语法：arrayObject.pop()功能：删除arrayObject的最后一个元素返回值：被删除的那个元素

三、shift（）语法：arrayObject.shift()功能：‘删除arrayObject中的第一个元素返回值：被删除的那个元素

join()语法：arrayObject.join(separator);功能：用于把数组中的所有元素放入一个字符串。返回值：字符串。join（）括号里写的是分隔符。默认为逗号“，” join（“”）打印的是一个整的字符串，就是分隔符为空的意思

reverse()语法：arrayObject.reverse()功能：用于颠倒数组中元素的顺序，不会创建新的数组，只是改变原来数组返回值：数组。

sort（）语法：arrayObject.sort(sortby);功能：用于对数组的元素进行排序。返回值：数组。

说明：1.如没指定end，切分的数组包含从start到数组结束的所有元素2.如slice()方法的参数中有一个负数，则用数组长度加上该负数得到结果A，用A替换该负数（其实也可以理解为倒数第几个）3、截取从start到end（不包含该元素）的元素，即从start到end-1的元素】

splice()

查找元素

String的方法。string就用变量名代替

charAt()语法：stringObject.charAt(index)功能：返回stringObject中index位置的字符。

charCodeAt()语法：stringObject。charCodeAt(index)功能：返回stringObject中index位置字符的字符编码，Unicode码

indexOf()语法：stringObject。indexOf(\"字符\");功能：从一个字符串中搜索给定子字符串，返回子字符串的位置。返回值：数值。说明：如果没有找到该子字符串，则返回-1.

string.search():和string.indexOf一样

lastIndex()语法：stringObject.lastIndexOf(\"字符\");功能：从一个字符串中搜索给定的子字符串（从后往前搜索），返回子字符串的位置。返回值：数值。说明：如果没有找到该子字符串，则返回-1.

截取

substring()说明：语法及功能同slice()完全一样。区别在于：1)当参数为负数时，自动将参数转换为0。2)substring()会将较小的数作为开始位置，将较大的数作为结束位置。

split（）语法：stringObject.split(分隔符)功能：把一个字符串分割成字符串数组。// 回忆数组中的join（）方法，把数组转换为字符串返回值：Array（数组）说明：分隔符，必需。（字符串的之间用什么分割，方法中分隔符就写什么），如果写的是\"则\"没一个字符都会被分隔

toUpperCase():语法：stringObject.toUpperCase()功能：把字符串转换为大写

// 把调用函数的值，变成驼峰形式的值：function camelback(str) {// 通过-号分割符号拆分成数组：var arr = str.split(\"-\

toLowerCase()：语法：stringObject.toLowerCase()功能：把字符串转化为小写-->

Math对象

如果参数是不能转换成数字的非数字值，则返回NaN。

Math.max()功能：求一组数的最大值。返回值：Number

Math.abs()功能：返回绝对值

取整方法

Math.ceil()功能：向上取整，即返回大于num的最小整数

Math.floor()功能：向下取整，返回num的整数部分

Math.round()功能：四舍五入取整

Math对象：Math.random()Math.random();返回大于等于0小于1的随机数；返回number；

说明：求n到m之间的随机整数的公式：random=Math.floor(Math.random()*(m-n+1)+n);m--大数 n--小数 m-n+1表示随机整数的个数求任意数组之间的随机整数：

data对象

如何创建一个日期对象语法：new Date（）功能：创建一个日期时间对象返回值：不传参的情况下，返回当前的日期时间对象。

获取

getFullYear()：返回4位数的年份

getMonth()：返回日期中的月份，返回值为0-11，所以一般要+1

getDate()：返回月份中的某一天

getDay()：返回星期几，返回值为0-6

getHours()：返回小时

getMinutes()：返回分

getSeconds()：返回秒

getTime（）放回1970年1月1日至今的毫秒数。

设置

setFullYear(year):设置4位数的年份

setMonth(mon):设置日期中的月份，从0开始，0表示1月【如果mon设置的不是0-11而是比11大，系统会自动纠错，将年自动+相应的年数，然后显示剩下的月份。比如：today.setMonth(13)，则年份自动+1，月份会显示为1（因为0~11表示1月~12月，所以12表示1月，13表示2月，所以13会显示为1）下面各项设置同理会自动变化】

setDate():设置日期

setHours():设置小时

setMinutes():设置分

setSeconds():设置秒

setTime():以毫秒数设置日期，会改变整个日期

一些操作

alert（）是在页面中弹出一个提示框

console.log（）是在控制台中输出语句内容；

document.write（）是在页面中显示内容

prompt（）是在页面中弹出一个输入框，可以让用户进行输入

获取星期 --语法：new Date(). getDay(); 返回值number（0-6）；0表示周日 主要根据系统时间判断