JS学习小结(一)

最新推荐文章于 2022-05-02 20:44:52 发布

帅哥学Java

最新推荐文章于 2022-05-02 20:44:52 发布

阅读量319

点赞数

分类专栏：前端基础

本文链接：https://blog.youkuaiyun.com/ls_wifi/article/details/102467290

版权

前端基础专栏收录该内容

13 篇文章

订阅专栏

F12 查看器，控制台，网络，是我们需要掌握的。
默认赋值undefined var i;
创建函数第一种方式：function 函数名(形参){

函数体;

}

创建函数第二种方式：函数名=function(形参）{

函数体;

}

4.NaN是一个具体存在的值

5.两个同名函数，后者将前者覆盖

6.当一个变量声明的时候没使用var关键字，不管在哪儿，都是全局变量

7.JS数据类型: 原始:Undefined、Number、String、Boolean、Null

引用: Object以及Object的子类

8.ES(ECMAScript规范) ES6之后 Symbol

9.JS比较字符串"=="

10.var d=null

alert(typeof d); //"object"

11.Number: NaN:Not a Number 运算结果本应是一个数字，结果却不为数字 Infinity(无穷大)

12.isNaN(): 结果是true表示不是一个数字,结果是false表示是一个数字

13 parseInt():可以将字符串自动转换成数字，并且取整数位。

14.Math.ceil()函数(Math是数学类，数学类当中有一个函数叫做ceil();作用是想上取整)

alert(parseFloat("3.2")+1);//4.2

15.Boolean类型规律:"有"就转换成true,"没有"就转换成false

例子:while(10/3){

alert("hehe");

} 有所以为true,结果最终显示在页面。

16.Null类型只有一个值，null

17.String数据类型

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">			
			/* 
			   Stirng类型: 
			      1、在JS当中字符串可以使用单引号，也可以使用双引号
				   var s1='abcdef';
				   var s2="test";
				  2、在JS当中，如何创建字符串对象?
				  两种方式:
				    第一种:  var s="abc";
					第二种(使用JS内置的支持类String): var s2=new String("abc");
				  需要注意的是:String是一个内置的类，可以直接用，String的父类是Object		
				  3、无论小string还是大String	,他们的属性和函数都是通用的。
				  4、关于String类型的常用属性和函数？
				    常用属性：
					   length 获取字符串长度
			        常用函数：
					   indexOf     获取指定字符串在当前字符串中第一次出现处的索引
					   lastIndexOf 获取指定字符串在当前字符串中最后一次出现处的索引
					   replace     替换
					   substr      截取子字符串
					   substring   截取子字符串
					   toLowerCase 转换小写 
					   toUpperCase 转换大写
					   split       拆分字符串
			 */
			//小string(属于原始类型string)
			var x="king";
			alert(typeof x); //"string"
			//大String(属于object类型)
			var y=new String("abc");
			alert(typeof y);//"object"
			//获取字符串的长度
			alert(x.length);//4
			alert(y.length);//3
			
			alert("http://www.baidu.com".indexOf("http"));//0
			alert("http://www.baidu.com".indexOf("https"));//-1
			
			//判断一个字符串中是否包含某个子字符串
			alert("http://www.baidu.com".indexOf("https")>=0?"包含":"不包含");//不包含
			
			//replace(注意:只替换了第一个)
			//想全部替换需要使用正则表达式
			alert("name=value%name=value%name=value".replace("%","&"));
			
			//考点:经常问 substr和substring的区别?
			//substr(startIndex,length)
			alert("abcdefxyz".substr(2,4));//cdef
			//substring(startIndex,endIndex) 注意:不包含endIndex
			alert("abcdefxyz".substring(2,4));//cd
		</script>
	</body>
</html>

18、Object类型

是所有类型的超类，自定义的任何类型，默认继承Object
Object类包括prototype属性(常用的)，作用是给类动态的扩展属性和函数
Object类包括哪些函数？ toString() valueOf() toLocaleString()
在JS当中定义的类默认继承Object，会继承Object类中所有的属性以及函数
在JS当中怎么定义类？怎么new对象？

定义类的语法

第一种方式：

function 类名(形参){

}

第二种方式:

类名=function(形参){

}

6、创建对象的语法

new 构造方法名（形参）;//构造方法和类名一致。在JS中类的定义和构造函数的定义是放在一起来完成的。

7、给String拓展一个函数

String.prototype.suiyi=function(){

alert("这是给Stirng类型扩展的一个函数，叫做suiyi");

}

"abc".suiyi();

19、null NaN undefined 的区别以及等同和全等运算符

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			//null NaN undefined 数据类型不一致
			alert(typeof null);//"object"
			alert(typeof NaN);//"number"
			alert(typeof undefined);//"undefined"
			//null和undefined可以等同
			alert(null==NaN);//false
			alert(null==undefined);//true
			alert(undefined==NaN);//false
			
			//在JS当中有两个比较特殊的运算符
			//==(等同运算符:只判断值是否相等)
			//===(全等运算符，既判断值是否相等，又判断数据类型是否相等)
			alert(null===NaN);//false
			alert(null===undefined);//true
			alert(undefined===NaN);//false
		</script>
	</body>
</html>