JavaScript的概述和基本用法

JavaScript的概述

JavaScript是一门客户端脚本语言，主要运行在浏览器中，浏览器中负责运行JavaScript脚本代码的程序叫JavaScript引擎。
只有当浏览器读取javaScript代码时，才进行解释、执行。所以查看HTML源文件就能查看JavaScript源代码。

Javascript基本语法

（1）变量

<script type="text/javascript">//最好放在head标签里面

	//01.使用var关键字声明变量，声明时不需要指定类型
	var a = 20;
	var b = 'abc';
	var c = true;
	
	//02.变量在使用过程中可以接受不同类型的值
	a = "Hello";
	b = 230.53;
	c = ["good",true,20];
</script>

（2）函数

<script type="text/javascript">
	
	/*01.声明函数使用function关键字，不需要指定返回值类型，
	形参也不需要指定类型*/
	function sum(a,b) {
		return a+b;
	}
	
	//02.调用函数：不检查实参的类型，个数
	var result = sum(5,10);
	alert(result);//弹出窗口显示result的值
	
	result = sum("Hello ","Tom");
	alert(result);
	
	result = sum("Hello ");//编写时不显示错误，运行时发生错误
	alert(result);

</script>

（3） 函数是对象
函数的参数是可以接受函数的
函数是可以当做参数来传递的

<script type="text/javascript">

	/*在JavaScript中，函数也作为一种数据类型存在，
	而且是引用数据类型，函数名就是指向其内存空间地址的引用*/
	function sum(a,b) {
		return a+b;
	}
	
	alert(sum);
	
	var ref01 = sum;
	alert("ref01="+ref01);
	
	var ref02 = sum;
	alert("ref02="+ref01);

</script>

（4）回调函数

<script type="text/javascript">

	//回调函数：声明后，不由自己调用，而是交给系统或其他函数执行的函数
	function callBack() {
		window.alert("I am call back!");
	}
	
	function call(fun) {
		fun();
	}
	
	window.callBack();
	
	//加上()是调用，不加()是传递
	call(callBack);

</script>

（5）this关键字

<script type="text/javascript">

	/*在JavaScript中，任何一个函数都是由对象调用的，
	在函数中可以通过this关键字引用调用这个函数的对象*/
	
	var obj01 = {
		name : "obj01 name",
		getName : showName
	};
	
	var obj02 = {
		name : "obj02 name",
		getName : showName
	};
	
	function showName() {
		alert(this.name);
	}
    //对象的属性指向了一个函数，所以也是函数的一个引用
	//函数的引用加上()就是执行引用的函数
	obj01.getName();
	obj02.getName();
	
</script>

(6)Object 创建对象的两种方式

<script type="text/javascript">
	
	//在JavaScript中创建对象
	//1.new Object()
	var objByNew = new Object();
	objByNew.userName = "Tom2014";
	objByNew.password = "123456";
	
	alert(objByNew.userName+" "+objByNew.password);
	
	//2.JSON格式
	//{属性名01:属性值01,属性名02:属性值02,...}
	var objByJSON = {
			userName : "Jerry",
			password : "654321"
		};
	alert(objByJSON.userName+" "+objByJSON.password);

</script>