JS学习

1.undefined null typeof运算符

undefined表示一个对象没有被定义或者没有被初始化。

null 表示一个尚未存在的对象的占位符

undefined是从null派生出来的。

在JS中的if会将undefined和null自动转化成false.

使用typeof运算符获取到undefined例如：alert(typeof oTemp)//输出undefined

2.function的本质

function变量是引用类型，内容存储的是指向function内容的指针，function的内容就是函数体。

例如：testMethod()   alert(testMethod)输出的就是函数的内容  alert(testMethod())输出就是执行函数、

function可以定义一个类型（类）

function 的arguments参数对象:通过arguments对象伪装重载，让一个function 根据不同的参数实现不同的功能。

例如：function myMethod(){
    alert(arguments instanceof Array);
    if(arguments.length==0){
    alert("no argument");
    }else if(arguments.length==1){
    alert("1 argument"+arguments[0].toString());
    }
    }
    myMethod();
    myMethod("hello");

3.理解this指针

this是函数上下文，不是在声明时决定的，而是在调用时决定的。全局函数就是window的属性。所以顶层调用全局函数时的this指针是指window对象。

利用this指向函数调用者，可以实现链式调用，jQuery中大部分都是链式调用。

例如：

var oName={name:"mao",age:"78"};
oName.showName=function(){
  alert(this.name);
  return this;
};
oName.showAge=function(){
  alert(this.age);
  return this;
};
oName.showName().showAge();

先调用showName(),然后showAge():使用链式调用的关键点是返回调用者本身，就是this指针

3.JS的原型：最特别的地方

原型就是对象的原始状态

（1）使用原型实现JS的面向对象

		function Car(){
   			this.color="none";
   			if(typeof Car_initialized=="undefined"){
   				Car.prototype.showColor=function(){//使用原型声明实例方法
   					alert(this.color);
   				}
   			}
   			Car_initialized="true";
   		}
   		var car=new Car();
   		car.showColor();
   		car.color="blue";
   		car.showColor();

（1）使用原型实现JS的继承

	GoodCar.prototype=new Car();//原型是实现继承

	goodCar=new GoodCar();

	//GoodCar自己的方法

	function GoodCar(){}

	GoodCar.prototype=new Car();

	GoodCar.prototype.run=function(){ alert("run fast");}

注意：GoodCar类自身的方法一定要在实现继承之后定义

4.DOM（文档对象模型）是HTML和ＸＭＬ的应用程序接口

（1）操作HTML DOM对象

任何服务器页面都要输出HTML页面

documentElement属性就是表示HTML对象 var oHtml=document.documentElement;

常用的获取元素节点的方法

1.getElementById:根据Id获取元素。（效率最高，首选ID选择器），只能通过document对象调用。

2.getElementsByName:根据Name属性获取一组元素。方法名是Elements 复数形式，获取的是一组元素。（不常用，因为只有表单元素才带有name属性）

3.getElementsByTagName;通过HTMl元素获取一组元素。比如页面上所有的div: var aDiv=document.getElementsByTagName("div");

(2)DOM元素和HTML元素（html会映射到dom元素）

通过DOM操作HTML，实际上并不是直接改变HTML代码，JS中操作的都是DOM元素，可以使用div，然后附到body中：

function onLoad(){
	var oHtml=document.documentElement;//获取HTML对象
	var oBody=oHtml.lastChild;//获取body对象
	var oDiv=document.createElement("div");//创建div对象
	var oText=document.createTextNode("hello DOM");//创建文本节点
	oDiv.appendChild(oText);
	oBody.appendChild(oDiv);
			
	}

-------------------------------------------------

5.数据通信格式JSON

var oPerson={

	name:"mx"，

	age："34",

};

JSON经常在AJAX中使用。让服务器端的页面只返回JSON数据格式，使用JS的eval()方法将JSON格式转化成对象，然后使用JS操作。

6.动态语言eval

var sJson="{name:'maomao'}";
eval("var oName ="+sJson);
alert(oName.name);

eval()方法把sJson字符串转化为存储在oName对象中。