上傳人：湯***

認(rèn)證信息

認(rèn)證類型：個(gè)人認(rèn)證

認(rèn)證主體：翟**（實(shí)名認(rèn)證）

IP屬地：北京

IP屬地：北京 上傳時(shí)間：2022-08-30 格式：PPTX 頁數(shù)：56 大小：109.06KB 積分：20 舉報(bào) 版權(quán)申訴

1、北京傳智播客教育 面向?qū)ο笾v師：王金濤北京傳智播客教育 姓名：王金濤手機(jī)： Q Q：345488485北京傳智播客教育 前言面向機(jī)器面向過程面向?qū)ο蟊本﹤髦遣タ徒逃?面向?qū)ο箢悾捍砟愁愂挛?，是抽象的?duì)象：代表個(gè)事物，是具體的北京傳智播客教育 快速入門如何有效的描述一個(gè)人的信息？姓名年齡性別北京傳智播客教育 快速入門解決方法（1）var name=zhangsan;var sex=男;var age=30;北京傳智播客教育 快速入門解決方法（2）function person()var p=new person();=zhangsan;北京傳智播客教育 類的種類系統(tǒng)類自定義類北京傳

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

3、d(數(shù)值)sqrt(數(shù)值) 北京傳智播客教育 構(gòu)造函數(shù)語法：function person()北京傳智播客教育 定義對(duì)象如何定義某個(gè)類的類對(duì)象語法：var p=new person();北京傳智播客教育 使用屬性關(guān)于屬性的使用語法：對(duì)象.屬性;對(duì)象屬性;北京傳智播客教育 使用屬性數(shù)字字符串布爾值對(duì)象對(duì)象名.屬性 對(duì)象名屬性北京傳智播客教育 重點(diǎn)說明在Javascript中一切都是對(duì)象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 );北京傳智播客教育 思考題：如果創(chuàng)建第二個(gè)對(duì)象，會(huì)擁有name和age屬性嗎？var p1 = new Person(); = zhangsan;p1.age = 30;var p2 = new Person();北京傳智播客教育 思考題：如果創(chuàng)建第二個(gè)對(duì)象p2，使用p1為p2賦值會(huì)怎樣？var p1 = new Person(); = zhangsan;p1.age = 30;var p2 = p1;北京傳智播客教育 思考題：如果刪除了p2對(duì)象，是否會(huì)影響到p1對(duì)象p2 = nul

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

6、peof this);alert(this.constructor);北京傳智播客教育 this的深入理解嘗試?yán)斫庀旅鎯蓷l語句：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);北京傳智播客教育 對(duì)象之間的賦值做為參數(shù)傳遞display(obj);北京傳智播客教育 對(duì)象之間的賦值做為返回值return obj;北京傳智播客教育 for in的

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

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

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

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

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