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对象中。