悟透JavaScript笔记

1.javascript的作用域问题：

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

 

var myName = "leadzen";//这是定义了window作用域的一个变量myNamemyName = "leadzen";//这是定义了window对象的一个属性myName<mce:script type="text/javascript"><!--var yourName="王菲";myName="leadzen";alert(myName + "like " +yourName);//输出：leadzen like 王菲ChangeNames();//调用改名函数function ChangeNames(){alert(yourName);//输出undefinedalert(myName);//输出leadzenvar 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函数