1、北京傳智播客教育 面向對象講師：王金濤北京傳智播客教育 姓名：王金濤手機： Q Q：345488485北京傳智播客教育 前言面向機器面向過程面向對象北京傳智播客教育 面向對象類：代表某類事物，是抽象的對象：代表個事物，是具體的北京傳智播客教育 快速入門如何有效的描述一個人的信息？姓名年齡性別北京傳智播客教育 快速入門解決方法（1）var name=zhangsan;var sex=男;var age=30;北京傳智播客教育 快速入門解決方法（2）function person()var p=new person();=zhangsan;北京傳智播客教育 類的種類系統類自定義類北京傳

2、智播客教育 字符串類StringlengthindexOf(string)substr(num1,num2)toLowerCase()toUpperCase()replace(str1,str2)北京傳智播客教育 日期類DategetYear()getFullYear()getMonth()getDate() getDay()getHours()getMinutes()getSeconds() getMilliseconds()北京傳智播客教育 數學類Mathceil(數值)floor(數值)min(數值1,數值2)max(數值1,數值2) pow(數值1,數值2) random() roun

3、d(數值)sqrt(數值) 北京傳智播客教育 構造函數語法：function person()北京傳智播客教育 定義對象如何定義某個類的類對象語法：var p=new person();北京傳智播客教育 使用屬性關于屬性的使用語法：對象.屬性;對象屬性;北京傳智播客教育 使用屬性數字字符串布爾值對象對象名.屬性 對象名屬性北京傳智播客教育 重點說明在Javascript中一切都是對象var num = 10;var str =hello;var flag = true;var per = new Person();北京傳智播客教育 查看原型alert( p.constructor );aler

4、t( typeof p );alert( p instanceof person );北京傳智播客教育 思考題：如果創建第二個對象，會擁有name和age屬性嗎？var p1 = new Person(); = zhangsan;p1.age = 30;var p2 = new Person();北京傳智播客教育 思考題：如果創建第二個對象p2，使用p1為p2賦值會怎樣？var p1 = new Person(); = zhangsan;p1.age = 30;var p2 = p1;北京傳智播客教育 思考題：如果刪除了p2對象，是否會影響到p1對象p2 = nul

5、l;北京傳智播客教育 this的使用如果創建對象的同時，希望其自動擁有某些屬性，如果實現function person()=wangcai;北京傳智播客教育 this的使用構造函數傳參function person(name,age)=name;this.age=age;北京傳智播客教育 this的深入理解this表示什么？在Js中，this表示當前對象function()alert(typeof this);alert(this.constructor);北京傳智播客教育 this的深入理解this表示什么？在Js中，每個頁也有一個thisalert(ty

6、peof this);alert(this.constructor);北京傳智播客教育 this的深入理解嘗試理解下面兩條語句：i=10;alert(this.i);北京傳智播客教育 this的深入理解function test()this.i=100;i=10;test();alert(this.i);北京傳智播客教育 this的深入理解var i=100;function test()i=200;test()alert(i);北京傳智播客教育 對象之間的賦值做為參數傳遞display(obj);北京傳智播客教育 對象之間的賦值做為返回值return obj;北京傳智播客教育 for in的

7、使用格式:for(var i in obj)北京傳智播客教育 delete的使用格式:delete ;北京傳智播客教育 成員方法為某個人添加說話方法function say()obj.speak=say;北京傳智播客教育 成員方法為某個人添加說話方法obj.speak=function say()北京傳智播客教育 成員方法思考題：如果定義了第二個人，這個人可以說話嗎？北京傳智播客教育 成員方法為每個人添加說話方法function person()this.speak=function()北京傳智播客教育 json對象對象是指屬性的無序集合所謂“集合”是指名/值對的集合在js中，可

8、以使用來表示這個集合北京傳智播客教育 json對象思考題：大家想一想：使用json對象和使用構造器獲得的對象分別適應于怎樣的應用場景？北京傳智播客教育 為每個對象動態添加屬性或方法prototype的使用功能:返回對象類型原型的引用 格式:totype北京傳智播客教育 為每個對象動態添加屬性或方法prototype的使用添加屬性添加方法北京傳智播客教育 為每個對象動態添加屬性或方法prototype的使用totype.email= totype.speak=function()北京傳智播客教育 思考題在實際開發中，類內定義this.sp

9、eak=function()與totype.speak=function()有何區別？北京傳智播客教育 思考題擴展數組類的功能：為每一個數組對象添加一個方法，可以查找某個元素的所在位置北京傳智播客教育 思考題擴展數字類的功能：為一個數字對象添加一個方法，該方法的參數為任意數目的整數，然后將所有參數累加到一起，并返回北京傳智播客教育 Object類在Js中，Object是所有類的基類，使用Object類來創建自定義對象時，可以無需定義構造函數constructorprototypehasOwnProperty(property)北京傳智播客教育 Object類Object類的

10、使用示例：var p1=new Object();=zhangsan;p1.speek=function()北京傳智播客教育 模擬類的靜態屬性在有些面向對象的語言中，可以使用static關鍵字定義類的靜態屬性或方法，這一點，在JavaScript可以進行模擬。語法：類名.屬性名北京傳智播客教育 函數閉包所謂“閉包”，指的是一個擁有許多變量和綁定了這些變量的環境的表達式（通常是一個函數），因而這些變量也是該表達式的一部分。閉包小故事小故事：出生時的環境與當前問她時的環境閉包即函數定義時,連同其定義環境的上下文,形成一個整體，不管該函數在哪兒運行,其對變量的訪問,都要從定義處開始尋找

11、.北京傳智播客教育 北京傳智播客教育 函數閉包閉包功能：讀取函數內部的變量讓這些變量的值始終保持在內存中北京傳智播客教育 模擬類的私有屬性在面向對象思想中，對于有些敏感的，不想公開的成員可以定義為私有的，在JavaScript中可以模似這個功能。語法：function Person(p_name)var name = p_name;北京傳智播客教育 call、apply方法使用使用指定的對象調用當前函數語法：call(thisObj,arg1,arg2,argN)apply(thisObj,argArray) 北京傳智播客教育 瀏覽器的調試技術IEFirefox設置斷點逐語句逐過程北京傳智播客教育 模擬類的繼承功能語法：Ototype.ext=function(parObject)for(var i in parObject)thisi=parObjecti;北京傳智播客教育 模擬類的繼承功能語法：fn.call(this,ar