播客2014java培訓基礎就業(yè)班3javascript

1、JavaScript一、javascript的個人理解 Javascript是一門腳本語言，主要是用來讓用戶和網(wǎng)頁進行動態(tài)交互的一門技術。其技術既可以說是建立在HTML技術之上的也可以理解成是獨立存在的一個模塊。Javascript在HTML中存在位置是不固定的，但是不能存在之間，我們正常時放在head 之間的，但是如果內容足夠多的話，最好放在文件的末尾處。不然加載過慢，會影響整個程序的運行。JavaScript 被數(shù)百萬計的網(wǎng)頁用來改進設計、驗證表單、檢測瀏覽器、創(chuàng)建cookies，以及更多的應用。Javascript 的具體內部實現(xiàn)：最主要的就是函數(shù)的使用；Javascript內部的jav

2、ascript語句可以封裝起來，方便美化界面；Javascript內部也有類的使用；JavaScript中的數(shù)組比java中的數(shù)組更好使用；二、javascript簡介2.1、應用場合JavaScript 被數(shù)百萬計的網(wǎng)頁用來改進設計、驗證表單、檢測瀏覽器、創(chuàng)建cookies，以及更多的應用。2.2、概念理解1、JavaScript 是一種腳本語言（腳本語言是一種輕量級的編程語言）。2、JavaScript 被設計用來向 HTML 頁面添加交互行為。3、JavaScript 是一種解釋性語言（就是說，代碼執(zhí)行不進行預編譯）。 4、javascript免費的，開源技術5、前期叫ECMAScrip

3、t三、javascript的使用3.1、書寫格式alert(hello world);Javascript可存在程序中的任何位置（不包含title內），建議放在head內部，但是如果javascript內容多的話，最好放在程序尾部，不然會影響加載的速度。此上的小塊代碼能夠實現(xiàn)在頁面的窗口中彈出提示對話框。doucumen.write(“ ”); /實現(xiàn)在頁面內顯示數(shù)據(jù)3.2、js與html的融合3.2.1、第一種alert(hello world);最原始的使用。3.2.2、第二種把js代碼封裝到單獨的.js文件中引入外部文件的script標簽內不要再寫其他js代碼了,會被覆蓋.注意:外部.j

4、s文件的編碼格式要與引入該文件的html頁面一致.3.2.3、第三種寫在a標簽中 /下劃線3.3、變量提示：javascript是弱類型語言，java是強類型語言；1、變量的類型由具體的值來決定例：var a=hello; /這里生命的就是一個String類型的數(shù)據(jù)。（字符串）注意：javascript內部沒有字符串和字符之分，也沒有單引號和雙引號之分；2.只聲明了沒賦值,值undefinedvar b;alert(b);/undefined3.沒聲明,直接賦值name=zs;4.沒聲明也沒賦值這個會報錯.3.4、數(shù)據(jù)類型3.4.1、基礎數(shù)據(jù)類型：number(數(shù)字),string(字符串),

5、boolean(布爾值),null,undefined1、number(數(shù)字),特殊值NaN,非法數(shù)字 3*a=NaN2、string(字符串),js中沒有字符的概念, hello world3、boolean(布爾值),除了true,false以外其他類型的值也可以表示真假,false,0,null,undefined,NaN,表示假,其他的都表示真if(false)真if(false=true)假if(undefined=null)真,bug4、undefined本身是數(shù)據(jù)類型,而這個數(shù)據(jù)類型有一個唯一的值是undefinedundefined:表示未定義的.未指定的.var name;1

6、.當我們通過var聲明變量,卻沒有賦值,那么這個變量的值就是undefined2.js中所有的函數(shù)都有返回值,如果你沒有通過renturn明確返回什么,那么函數(shù)的默認返回undefined.3.當我們訪問了對象不存在的屬性時,那么值也是undefined.5、null本身是數(shù)據(jù)類型,而這個數(shù)據(jù)類型有一個唯一的值是null表示一個無效的對象var o=null;/處于代碼的可讀性,用來表示自己的編碼水平比較高.3.4.2、引用數(shù)據(jù)類型:object,function3.5、運算符3.5.1、算術運算符：+ - * / %1、+ :有兩個意義, 1.表示算術運算符表示求和, 其中null=0,fa

7、lse=0,true=1. 2.字符串連接符 當左右兩邊有一個是字符串的時候,立刻變身為字符串連接符,反之就是運算符3.5.2、邏輯運算符 & | ！1、&js中與預算的過程中是在努力尋找表示假的值,找到了就表示條件不成立他會把第一個表示假的值作為返回值返回,如果說找不到,那么就把最后一個參與與運算的值返回.2、| 機制與&相反js中與預算的過程中是在努力尋找表示真的值,找到了就表示條件成立他會把第一個表示真的值作為返回值返回,如果說找不到,那么就把最后一個參與與運算的值返回.3、!任何類型的值,只要在前面加上兩個!就可以把這個值轉換為同立場的布爾類型的值alert(!false);/true

8、注意是布爾類型的tru4、typeof:用來判斷一個值是數(shù)據(jù)哪種類型的,返回的是數(shù)據(jù)類型的名稱 字符串.其中null數(shù)據(jù)類型比較特殊 typeof null的結果是object,js的歷史bug5、instanceof:用來判斷一個值是否是某個類的實例,結果是布爾類型的值var d=new Date(); /alert(typeof d);/object alert(d instanceof Date);/true3.6、語句3.6.1、if語句：條件語句把值放在前面,把變量放在后面3.6.2、for語句：循環(huán)語句注意不要用int聲明3.6.3、while語句:循環(huán).while(i10);千萬

9、不要加會造成死循環(huán). ?為什么？3.7、函數(shù)3.7.1、函數(shù)的作用1、可以控制代碼的執(zhí)行時機2、可以對代碼進行封裝,反復調用.3.7.2、函數(shù)的定義、第一種方式關鍵字function 函數(shù)名(參數(shù)名)js代碼.return 返回值./有需要的時候明確指定返回值.、第二種方式通過匿名函數(shù)來定義.匿名函數(shù)本身就是一個值.在內存中對應一個對象.var myfn=function()alert(hello);、第三種方式var myFn=new Function(參數(shù)名,參數(shù)名1,函數(shù)體中的可執(zhí)行代碼);var myFn=new Function(a,b,al

10、ert(a+b););myFn(1,2);/彈出、函數(shù)特點:1、js中的函數(shù)是可變參的.2、函數(shù)名稱相當于變量,聲明了同名的函數(shù)相當于對函數(shù)名稱重新賦值.而這個值就是函數(shù)在內存中所對應的地址.3.8、全局變量局部變量3.8.1、全局變量在script標簽內定義,在函數(shù)外定義的變量都是全局變量在函數(shù)內如果直接給一個沒有聲明的變量賦值,該變量是全局變量.注意：單一頁面中,多個script標簽在內存中是一片區(qū)域.3.8.2、局部變量在函數(shù)內通過var聲明的變量是局部變量.3.9、數(shù)組3.9.1、數(shù)組定義var arr=new Array();/定義了一個數(shù)組var arr1=;注意：j

11、s中數(shù)組是程序員唯一可以用來裝數(shù)據(jù)的容器.3.9.2、數(shù)組特性: 1.可以跨越下標賦值,被跨越的部分值是undefined 2.同一個數(shù)組可以裝載不同類型的值arr15=true; arr110=13; 3.可以通過length直接更改數(shù)組的長度.length=0相當于清除數(shù)組. 4.數(shù)組是可變長的. 5.var arrNumbers=new Array(2);/只有一個數(shù)字表示數(shù)組長度,一定要是整數(shù),小數(shù)報錯3.9.3、數(shù)組常用方法1、push：向結尾處添加一個或多個元素;var arrString=; arrString.push(hello); arrString.push(world)

12、;2、join:將數(shù)組中的元素拼接成字符串alert(arrString.join( );/join方法可以指定連接符號,默認情況下是,join：相當于java中的StringBuider.的實例的toString方法.3.10、面向對象js是一門基于對象的語言,同時他也是一門面向對象的語言.3.10.1、類類就是一個函數(shù),當函數(shù)用來創(chuàng)建對象時他的作用發(fā)生了變化,稱之為類function Person() 3.10.2、創(chuàng)建對象var p=new Person();3.10.3、擴展屬性和方法對象.屬性名=屬性值對象屬性名=屬性值=張三;/給對象擴展姓名屬性page=18;/給對象擴展年齡屬性.p.eat=function() /當一個對象的屬性值是一個函數(shù)的時候那么這個屬性就稱之為該對象的方法. alert(在不停的吃);3.10.4、構造函數(shù)1、js中類本身就是構造函數(shù).2、每個對象都有一個constructor屬性,表示該對象的構造函數(shù)3、通過構造函數(shù)創(chuàng)建對象以后,對象依然可以自行的擴展屬性和方法.4、js中的每一個函數(shù)內部都有一個this,this表示當前對象(誰調用我就是誰).3.11、prototype通過function對象pro