JS基础个人学习笔记

JavaScript简介
JavaScript(LiveScript)一种解释性脚本语言,是一种动态类型、弱类型、基于原型继承的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
完整的JavaScript实现包含三个部分:ECMAScript,文档对象模型(DOM Document Object Model),浏览器对象模型(BOM Browser Object Model)。

注意点
因为JavaScript和Java有很多相似的地方,这里就只添加不同的地方,想到什么写什么

  • 变量的基本类型有number、string、boolean、undefined、null五种。string是基本树蕨类型,不再是引用数据类型。
  • 声明变量都是用var。
  • 在Java中,当一个变量未被初始化的时候,Java中是null或者基本数据类型的默认值。
    在JavaScript中,当一个变量未被初始化的时候,它的值为undefined。
  • 当一个引用不存在时,它为Null。
  • JavaScript中对象创建方式

		<script type="text/javascript">
			//1创建(类)对象定义
			function Person(){
				//属性
				this.age;
				this.name;
				this.address;
				//函数(匿名函数)
				this.show=function(){
					document.write(this.age+"...."+this.name+"....."+this.address);
				
				}
			}
			var zhangsan=new Person();
			zhangsan.age=20;
			zhangsan.name="张三";
			zhangsan.address="北京";
			zhangsan.show();
  • 数组就是和我们之前理解的数组概念一致,而在JavaScript中成为Array类型。
	var cities=new Array(3);
	document.write(cities.length);
	//添加数据
	cities[0]=10;
	cities[1]=20;
	cities[2]=30;
	cities[3]=40;
	cities[4]=50;
	document.write("<br/>");
	document.write(cities.length);
  • ==相等 两个元素在类型转换后进行比较,相等于比较的是元素的值; ===全相等,比较的是元素的类型和数据,当于比较两个引用。
  • 增强循环 for(var i in arr){ //i不是arr中的元素,而是下标}
  • 函数用function关键字来声明,后面是函数名字,参数列表里不写var。整个方法不写返回值类型。

** JavaScript的三种使用方式**
第一种方式:在

<script type="text/javascript">
  	var num=10;
	var d=new Date();
	document.write(num);
</script>

第二种方式:使用外部JavaScript文件,把js代码放入单独的文件中 ,这个文件的扩展名.js

<script type="text/javascript" src="js/myjs.js"></script>

第三种方式: 放在标签中的事件属性中,常见事件 ,onclick

<input type="button" value="你点我啊" onclick="alert('你点我干嘛')" />

闭包 (Closure)
闭包就是能够读取其他函数内部局部变量的函数; 闭包可以理解成“定义在一个函数内部的函数“。

​ 闭包三个条件:

​ 1 闭包是一个内部函数

​ 2 闭包能够读取其他(外部)函数的局部变量

​ 3 闭包和局部变量在同一个作用域。

​ 使用形式:1 闭包作为函数的返回值;2闭包作为函数的参数。

​ 案例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>闭包 closure</title>
		<script type="text/javascript">
			/*定义一个函数*/
			function  a(){
				var a=10;
				document.write(a);
				document.write("<br/>");
			}
			
//			a();
//			a();
//			a();
			
			
			function b(){
				var num=10;//没有释放
				/*函数包含函数*/
				function c(){
					num++;
					document.write(num);
					document.write("<br />")
				}
				return c;
			}
			
			var f=b();//f是一个函数:闭包
			f();
			f();
			f();
          	
		</script>
	</head>
	<body>
  </body>
	</body>
</html>

闭包好处:1 使局部变量常驻内存,2 避免污染全局变量 3 .提高封装性保护局部变量

系统函数

提示框 alert();
lert方法没有返回值,也就是说如果用一个变量去接受返回值,将会得到undefined。无论你点击“确定”还是右上角的那个“X“关闭。

确认框 confirm();

这是一个你可以点击确定或者取消的弹窗
第一个参数是提示信息,第二个参数是用户输入的默认值。
当你点击确定的时候,返回用户输入的内容。当你点击取消或者关闭的时候,返回null。
其他系统函数
parseInt(); 字符串转换整数

​ parseFloat(); 字符串转成小数

​ isNaN(); 判断数字是不是不是一个数字。

RegExp对象
Regular Expression 正则表达式

正则表达式是描述字符模式的对象。

正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。

语法:

var patt=new RegExp(pattern,modifiers);

或者更简单的方式:

var patt=/pattern/modifiers;

如:

var re1 = new RegExp("^1[3589]\\d{9}$");
var re2 = /^1[3589]\d{9}$/;

修饰符

修饰符用于执行区分大小写和全局匹配:

修饰符描述
i执行对大小写不敏感的匹配。
g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
m执行多行匹配。

方括号

方括号用于查找某个范围内的字符:

表达式描述
[abc]查找方括号之间的任何字符。
[^abc]查找任何不在方括号之间的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符。
[A-z]查找任何从大写 A 到小写 z 的字符。
(red|blue|green)查找任何指定的选项。

元字符

元字符(Metacharacter)是拥有特殊含义的字符:

元字符描述
.查找单个字符,除了换行和行结束符。
\w查找单词字符。[a-zA-Z0-9_]
\W查找非单词字符。
\d查找数字。[0-9]
\D查找非数字字符。
\s查找空白字符。
\S查找非空白字符。
\b匹配单词边界。

量词

量词描述
n+匹配任何包含至少一个 n 的字符串。例如,/a+/ 匹配 “candy” 中的 “a”,“caaaaaaandy” 中所有的 “a”。
n*匹配任何包含零个或多个 n 的字符串。例如,/bo*/ 匹配 “A ghost booooed” 中的 “boooo”,“A bird warbled” 中的 “b”,但是不匹配 “A goat grunted”。
n?匹配任何包含零个或一个 n 的字符串。例如,/e?le?/ 匹配 “angel” 中的 “el”,“angle” 中的 “le”。
n{X}匹配包含 X 个 n 的序列的字符串。例如,/a{2}/ 不匹配 “candy,” 中的 “a”,但是匹配 “caandy,” 中的两个 “a”,且匹配 “caaandy.” 中的前两个 “a”。
n{X,}X 是一个正整数。前面的模式 n 连续出现至少 X 次时匹配。例如,/a{2,}/ 不匹配 “candy” 中的 “a”,但是匹配 “caandy” 和 “caaaaaaandy.” 中所有的 “a”。
n{X,Y}X 和 Y 为正整数。前面的模式 n 连续出现至少 X 次,至多 Y 次时匹配。例如,/a{1,3}/ 不匹配 “cndy”,匹配 “candy,” 中的 “a”,“caandy,” 中的两个 “a”,匹配 “caaaaaaandy” 中的前面三个 “a”。注意,当匹配 “caaaaaaandy” 时,即使原始字符串拥有更多的 “a”,匹配项也是 “aaa”。
n$匹配任何结尾为 n 的字符串。
^n匹配任何开头为 n 的字符串。

######3.4.2 RegExp 对象方法

方法描述FFIE
exec检索字符串中指定的值。返回找到的值,并确定其位置。14
test检索字符串中指定的值。返回 true 或 false。14

支持正则表达式的 String 对象的方法

方法描述FFIE
match找到一个或多个正则表达式的匹配。14
replace替换与正则表达式匹配的子串。14
split把字符串分割为字符串数组。14

正则表达式的使用

test()方法:

test()方法搜索字符串指定的值,根据结果并返回真或假。

var patt1=new RegExp("^1[3589]\\d{9}$");
document.write(patt1.test("13688889999"));//true

exec() 方法:

exec() 方法检索字符串中的指定值。返回值是被找到的值。如果没有发现匹配,则返回 null。

var reg=/java/ig;
var str="hello java,java是最好的编程语言,我爱Java";
var s=null;
while(s=reg.exec(str)){
  document.write(s);
  document.write("<br/>")
}

字符串match()方法
找到一个或多个正则表达式的匹配

var reg=/java/ig;
var str="hello java,java是最后的语言,我爱Java";
var arr=str.match(reg);
for(var i=0;i<arr.length;i++){
	document.write(arr[i]+"<br/>");
}

字符串replace()方法
替换与正则表达式匹配的子串。

var reg=/java/ig;
var str="hello java,java是最后的语言,我爱Java";
var str2=str.replace(reg,"JAVA");
document.write(str2+"<br/>");

字符串split()方法
把字符串分割为字符串数组。

var str="hello world,java best language";
var arr=str.split(/[ ,]/);
for(var i=0;i<arr.length;i++){
document.write(arr[i]+"<br/>");
}
			
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值