Javascript知识点

JavaScript简介

Netscape 发明了 JavaScript
javascript运行必须依赖于宿主环境语言，即页面语言HTML。
是解释型的语言，解释型：不需要编译，解释器程序会每读取一条语句就执行。运行速度慢，浏览器中默认内置了javascript的解释器程序。
浏览器中默认内置了javascript的解释器程序。

特点

1.安全性（不允许直接访问本地硬盘），它可以做的就是信息的动态交互。
2.跨平台性。（只要是可以解释Js的浏览器都可以执行，和平台无关。）

与Java的不同

1.JS是Netscape公司的产品，Java是Sun公司的产品
2.JS是基于对象，Java是面向对象。
3.JS只需解释就可以执行，Java需要先编译成字节码文件，再执行。
4.JS是弱类型，Java是强类型。
注：强类型语言，当你定义一个变量是某个类型，如果不经过代码显式转 换（强制转化）过，它就永远都是这个类型，如果把它当做其他类 型来用，就会报错
弱类型语言，你想把这个变量当做什么类型来用，就当做什么类型来用，语言的解析器会自动（隐式）转换。

5.与HTML和CSS的不同
html: 负责了一个页面的结构.
css: 负责了一个页面的样式。
javascript： 负责与用户进行交互。

JavaScript的引入方式

1.可以在script标签体中写 也可以从外部引入 （外部引入后 就不要在本标签体中写js代码了）
外部引入：<script == src =“1.js” type=“text/javascript”== >

2. js的几个常用的弹出框
   alert（）
   confirm（）//点击确定返回true否则返回false
   prompt () //返回用户输入的文本内容

用法

一、声明变量
var 关键字声明 数据类型 1. number 小数与整数
2 string
3.Boolean
4 undefined 未定义（只声明而未赋值）

二、字符串转化为数字
parseInt（） 可以把一个字符串转换成整数。（parseInt方法如果接收的字符串含有非数字的字符，那么parseInt方法会从字符串的首个字符开始寻找，一直找到非数字字符为止，然后就使用前面的数字字符转换成数字）

parseFloat（）可以把一个字符串转换成小数。
typeof 变量 查看该变量的数据类型
IsNaN 判断是否不是一个数字 如果是数字就返回false 反之非数字就是true

三、运算符 与java大致相同 除的话比如说3/4就为0.75 而不是Java中的0 因为没有确定的数据类型
四、流程控制语句
注： number 非0为true, 0为false.
string 内容不为空是true， 内容为空的时候是false。
undefined：false
NaN: false
Null: false
swich 语句 在javascript中switch后面可以用以上所有类型
Java中 就只可以 byte short int 枚举 char string

五、循环
和Java中的循环差不球多
六、函数里定义
关键字function 函数名（参数名）{
方法体
}
（注意这里是没有参数类型哟 不可以填写var的哦 如果要返回值也不需要 写返回值的类型 直接用return返回就可以了哦 另另另外 js里是没有 重载的概念的 如果定义 同名的函数 后边的 就会直接覆盖前边的函数 一定不要犯这样的错误 ）
七、 string对象 的常用的方法

charAt() 返回指定索引位置处的字符。
fontcolor() 把带有 COLOR 属性的一个 HTML 标记放置在 String 对象中的文本两端

		indexOf()    返回 String 对象内第一次出现子字符串的字符位置
		italics()    把 HTML <I> 标记放置在 String 对象中的文本两端。 
		link()         把一个有 HREF 属性的 HTML 锚点放置在 String 对象中的文本两端。
		replace()      返回根据正则表达式进行文字替换后的字符串的复制
		split()        切割   
		Substr(a,b)       截取子串，第一个参数表示下标，第二个参数表示长度
		toUpperCase()  转大写
		toLowerCase    转小写

八 date对象
var date = new Date(); //获取到当前的系统时间
常用的方法 这里就不赘述了
如 //1970年距指定时间的毫秒数 到2020-01-01
Date.parse(“Jan 1, 2020”)
九、Math对象和Java中的用法类似 略
十、 数组 == 长度可变 即超过指定长度后 仍可添加数据 长度为： 指定长度+扩容数据长度 ==
1.var 变量名 = new Array(); 创建一个长度为0的数组
2.var 变量名= new Array(10) 创建一个指定长度为10的数组对象。（注意Array后是小括号 并且指定一个长度的·）
3.var 变量名 = new Array(“元素1”,“元素2”…); 给数组指定元素创建数组 的对象。
（依旧是小括号 Java中是大括号）
4.var 变量名 = [“元素1”,“元素2”…]; （依旧是小括号 Java中是大括号）

如果 未赋值那原来在java中就是0 js中就是undefined
//pop ：移除数组中的最后一个元素并返回该元素。
arr1.push(“永康”); // 将新元素添加到一个数组中，并返回数组的新长度值。
arr1.reverse(); //翻转数组的元素

十一、自定义对象

<script type="text/javascript">
			/*
			自定义对象:
				
			在javascript没有类的概念，只要有函数即可创建对象。

				
				自定义对象的方式1： 使用无参的函数创建对象。
				
				例子：
					
					function Person(){}
					var p = new Person(); //创建了一个Person对象了
					p.id = 110;
					p.name = "狗娃";
				
				方式2：使用带参的函数创建对象。
					
					function Person(id,name){
						this.id = id;
						this.name = name;	
						this.say = function(){
							alert(name+"呵呵");	
						}
					}
				
				var p = new Person(110,"狗剩");	//创建对象
				方式3： 使用Object函数创建对象
					
					var p = new Object();
					p.id = 110;
					p.name = "铁蛋";
				
				方式4：使用字面量的方式创建.
					
					var p = {
						id:110,
						name:"狗娃",
						say:function(){
							alert(this.name+"呵呵");	
					}	
				}		
					
			*/
			var p = {
				id: 110,
				name: "狗娃",
				say: function() {
					alert(this.name + "呵呵");
				}
			}

			document.write("编号：" + p.id + " 姓名：" + p.name);
			p.say();
		</script>

十二、js中!=，= =，!= =，=== 的用法和区别
= =比较的是内容
= = = 比较的是数据类型和内容

<script type="text/javascript">	    
		var num = 1;
		var str = '1';
		var test = 1;
		
		document.write(test == num); //true　相同类型　相同值
		document.write(test === num);//true　相同类型　相同值
		document.write(test !== num);//false test与num类型相同，其值也相同,　非运算肯定是false
		 
		 
		document.write(num == str);  //true 　把str转换为数字，检查其是否相等。
		document.write(num != str);  //false  == 的 非运算
		document.write(num === str); //false  类型不同，直接返回false
		document.write(num !== str); //true   num 与 str类型不同 意味着其两者不等　非运算自然是true
		
		//== 和 != 比较若类型不同，先偿试转换类型，再作值比较，最后返回值比较结果 。
		//而=== 和 !== 只有在相同类型下,才会比较其值。

				var str=new String('abc');
			var str1=new String('abc');
			// document.write(str===str1)//false  虽然无内存的概念  但是仍是两个对象 
			 document.write(str.toString()===str1.toString()) //true
			document.write(str==str1)//false
			
			var a="1";
			var b=1;
			document.write(a==b)//true
			document.write(a===b)//false
		
	</script>