JS基础（超级简单）

1     JS基础（超级简单）

1.1 数据类型

1.1.1   基本类型：

1)        Number:特别注意：NaN的检测方法：Nan!=NaN;或者使用isNaN方法

2)        string

3)        boolean

4)        null

5)        undefined

1.1.2   复杂类型

object：date，array，function

1.2 变量

var 变量名=值

变量的作用域：1.全局：以页面为单位。2局部：以函数为单位。

1.3 typeof

作用：检测变量的类型typeof(变量)或typeof 变量

1.4 数据类型间的转化

1.4.1   转number

隐式：算数运算符：+ - * /

显式：number（）parseInt()、parseFloat（）

1.4.2   转string

隐式：+“”

显式：.toString()，String()

1.4.3   转boolean

隐式：！！a

显式：boolean()

1.5 JS的特点

1)        弱类型： var 变量名，所有变量的声明都使用var关键字，不必去分数据类型

2)        动态：可以动态添加变量到数组，对象中，也可以动态删除，也就是说可以改变数组长度，对象的属性。

3)        脚本语言：边编译、边执行

1.6 语言结构

顺序结构

条件结构：If        if-else

分支结构：if-else-if            switch case

循环结构：While         do while         for

1.7 书写

<script src="位置"></script>或者<script></script>

1.8 函数

function 函数名（参数列表）{函数体}

return： return 参数；返回对应的参数；到此以后，立即返回，后面代码，不再执行；未写或后面没有参数，返回undefined；想要返回多个值：使用数组或对象；

注意：javascript里面的函数没有重载（同名不同参）

1.8.1   预解析

Javascript运行的时候，会将参数/函数声明及具体参数，放到最前面。

1.8.2   匿名函数

function(参数列表){函数体}

一般用于：捆绑事件。

1.8.3   函数表达式

var 变量名=function（参数列表）{函数体}

调用：函数名（）

输出整个函数内容（包括函数声明和函数体）：使用函数名，

1.8.4   自执行函数

（function（）{函数体}）（）；或者（function（）{函数体}（））；

一般用于：一次性执行；优点：避免函数重名。

1.8.5   回调函数

将函数作为参数

函数名（实参，函数1（形参）{函数体}）；

1.9 内置对象

1.9.1   Math

Math.floor()：向下取整

Math.ceil()：向上取整

Math.round()：四舍五入

Math.random()：0-1随机数

Math.abs()：绝对值

Math.pow(a,b)：a的b次幂

Math.max(a,b)：取最大值

Math.min(a,b)：取最小值

1.9.2   Array

输出字符串

toString()：.toString=0;数组清空

valueOf();：返回本身

slice(a,b)：获取索引a<=内容<b

reverse();：反转数组内容

sort(function(a,b){return a-b});：排序根据回调函数返回值，负值不变，正值交换位置。此为升序

indexOf(a，b);：获取a的索引，从b开始查找

lastIndexOf(a，b);：向前查找a的索引，从b位开始查找

join(a);：用a元素组合为字符串，原数组不变

push(a)：追加元素a，

concat(a)：追加数组a到尾部

pop()：删除最后一个

shift()：向左移动

unshift(a)：向右移动，用a填充

splice(a,[b],[c])：获取索引a以后b个内容，将其替换为c. splice(0,arr.lenght)清空数组

filter(function(item,index,arr){if(item>200)return true;})：过滤，回调函数三个参数分别代表：值，索引，整个数组。返回true的留下，false过滤掉。

forEach(function(){})：遍历数组，回调函数的三个参数同上，

1.9.3   Date

转换为date对象

var date=new Date(y,m,d); y年（m+1）月d日

var date=Date.parse("y-m-d");

var date=new Date("y-m-d");

获取毫秒:

var date=Date.now();

var date=+new Date();

new Date().toString();

new Date().valueOf();

获取部分

.getFullYear();

.getMonth();

.getDate();'几号

.getDay();星期几

.getHours();

.getMinutes();

.getSecends();

.getMilliseconds();

.getTime();至此的毫秒数；

1.9.4   String

获取索引

indexOf(a，b);获取a的索引，从b开始查找

lastIndexOf(a，b);向前查找a的索引，从b位开始查找

获取字符

.charAt(a);输出索引为a的字符

.charCodeAt(a);输出索引为a的字符的ascll码

去除前后空格

.trim();

转换大小写

to(Locale)UpperCase();

to(Locale)LowerCase();

其他操作

.concat();连接

slice(a,b)：获取a<=内容<b

.substring(a,b);：获取a<=内容<b；和上面一样

.substr(a,b);：获取a后面b个内容

.replace(a,b);：将a换为b；

split(a,b);：使用a分割字符串，返回数组，获取前面b个

1.10      自定义对象

1.10.1            通过构造函数1

var 对象名=new Object();

对象名.属性=值；

对象名.方法=function(参数列表){方法体}；

使用

对象名.属性；

对象名.方法（参数）；

1.10.2            通过构造函数2

function 构造函数名(参数列表){

var 对象名=new Object();

对象.属性=值；

对象.方法=function(参数列表){

方法体；

}；

return 对象；

}

使用

var 对象=构造函数名（参数）；

对象名.属性；

对象名.方法（参数）；

1.10.3            通过构造函数3

function 函数名（参数列表）{

this.属性=值；

this.方法名=function(参数列表){

方法体；

}；

}

使用

var 对象=new 构造函数名（参数）；

对象名.属性；

对象名.方法（参数）；

1.10.4            通过对象字面量

var 对象名={

属性：值，

方法名：function（参数列表）{

方法体；

}

}

使用

对象名.属性；

对象名.方法（参数）；

注意点

属性之间使用逗号分隔

1.10.5            JSON

键值对

var 对象名={

“属性”：值，

“方法名”：function（参数列表）{}

}

使用：

对象名.属性；

对象名.方法（参数）；

注意点：和对象字面量的区别就是属性名需要使用引号

转载于:https://www.cnblogs.com/qing9442/p/5747571.html