悟透JavaScript笔记

1.javascript的作用域问题：

任何程序都会在一个全局环境中运行。
在javascript里的全局环境就是一个对象，这个对象是javascript运行环境的根，对于浏览器中的javascript来说，这个根对象就是我们熟知的window对象(非浏览器宿主程序中可能不叫window)。对于全局的javascript语句来说，window对象就相当于当前作用域。

 

var myName = "leadzen";//这是定义了window作用域的一个变量myName myName = "leadzen";//这是定义了window对象的一个属性myName <mce:script type="text/javascript"><!-- var yourName="王菲"; myName="leadzen"; alert(myName + "like " +yourName);//输出：leadzen like 王菲 ChangeNames();//调用改名函数 function ChangeNames() { alert(yourName);//输出undefined alert(myName);//输出leadzen var yourName = "王静文";//对外面的变量不会有改变 myName = "李战";//对外面的myName有改变，因为它是window对象的一个属性 alert(myName + "like "+yourName);//输出：李战 like 王静文 }; alert(myName + "like " + yourName);//输出：李战 like 王菲 // --></mce:script>

 

2.用法

 

<mce:script type="text/javascript"><!-- function aFunc() { alert(aFunc.toString());//输出本身这个函数代码 } aFunc(); // --></mce:script>

 

3.

 

<mce:script type="text/javascript"><!-- function Person(name) { this.name=name; this.SayHello=function() { alert(this.name); }; }; var BillGates =new Person("BillGates"); alert(BillGates.SayHello); // --></mce:script>

 

4.初看prototype

javascript的所有的function类型的对象都有一个prototype(object类型)属性,
可以给这个属性添加属性和方法。prototype提供了一群同类对象共享属性和方法的机制。

 

<mce:script type="text/javascript"><!-- function Person(name) { this.name=name; }; Person.prototype.SayHello = function() { alert(this.name); } var BillGates = new Person("BillGates");//创建BillGates对象 var SteveJobs = new Person("Steve Jobs");//创建SteveJobs对象 //以上两个对象共用SayHello那一段代码，这段代码只有一份 BillGates.SayHello(); SteveJobs.SayHello(); alert(BillGates.SayHello == SteveJobs.SayHello);//true // --></mce:script>

 

5.原型模型需要一个构造函数来定义对象的成员，而方法却依附在该构造函数的原形上，对象间的方法是共享的，不会遇到垃圾回收的问题，大致写法如下：

 

<mce:script type="text/javascript"><!-- //定义构造函数 function Person(name) { this.name=name;//在构造函数中定义成员 }; //方法定义到构造函数的prototype上 Person.prototype.SayHello=function() { alert(this.name); }; //子类构造函数 function Employee(name,salary) { Person.call(this,name);//调用上层构造函数 this.salary=salary;//扩展的成员 }; //子类构造函数首先需要用上层构造函数来建立prototype对象，实现继承的概念 Employee.prototype = new Person(); Employee.prototype.ShowMeTheMoney=function() { alert(this.name + "$" +this.salary); }; var BillGates = new Person("Bill Gates"); BillGates.SayHello(); var SteveJobs = new Employee("Steve Jobs",1234); SteveJobs.SayHello(); SteveJobs.ShowMeTheMoney(); // --></mce:script>

 

6.原型真谛

 

<mce:script type="text/javascript"><!-- function New(aClass,aParams)//通用创建函数 { function zhongzhuan()//定义临时的中转函数壳 { aClass.Create.apply(this,aParams);//调用原型中定义的构造函数 }; zhongzhuan.prototype=aClass;//准备中转原型对象 return new zhongzhuan();//返回最终建立的对象 }; //定义的类 var Person = { Create:function(name,age) { this.name=name; this.age=age; }, SayHello:function() { alert(this.name); }, HowOld:function() { alert(this.name + " "+ this.age); } }; var BillGates = New(Person,["Bill Gates",53]);//调用通用函数创建对象,以数组形式传递构造参数 BillGates.SayHello(); BillGates.HowOld(); alert(BillGates.constructor == Object);//输出true // --></mce:script>

 

7.构造对象

var anObj1 = new MyFunc();
相当于
var anObj = {};//创建一个空对象
MyFunc.call(anObj);//将anObj对象作为this指针调用MyFunc函数