悟透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函數