JS基础(超级简单)

时间:2021-01-03 11:47:41

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(参数列表){}

}

使用:

对象名.属性;

对象名.方法(参数);

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