<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    Flyingis

    Talking and thinking freely !
    Flying in the world of GIS !
    隨筆 - 156, 文章 - 16, 評論 - 589, 引用 - 0
    數(shù)據(jù)加載中……

    ECMAScript 基礎(chǔ)

    ??? 作者: Flyingis

    ??? JavaScript的核心之一ECMAScript的語言特性和Java、C、Perl都有許多相似之處,其中不少特性都是從這些語言借鑒而來,同時(shí)它們之間也存在許多差異。下面列舉一些ECMAScript的基本特性。

    ??? --和Java一樣,ECMAScript區(qū)分大小寫,注釋的格式相同,通過{}確定代碼塊,原始數(shù)據(jù)類型存儲(chǔ)在堆棧,對象的引用存儲(chǔ)在堆中
    ??? --ECMAScript是一種松散的語言,ECMAScript通過var操作符聲明變量,并且不限類型,例如var n = 25,那么n就是數(shù)字類型,var n = "string" ,那么n就是String類型
    ??? --在每一行代碼后,可以不寫分號,ECMAScript自動(dòng)認(rèn)為該行的末尾為該行代碼的最后;ECMAScript中的變量可以不用初始化,在幕后系統(tǒng)將自動(dòng)完成初始化操作
    ??? --同一變量可以賦予不同類型的數(shù)據(jù);變量的第一個(gè)字符只能是字母、下劃線或$ ,其他的字符可以是下劃線、$、或任意的字母、數(shù)字、字符
    ??? --和其他語言一樣,變量最好遵循駝峰書寫法,或Pascal表示法、或匈牙利表示法
    ??? --和大多數(shù)語言不同的是, ECMAScript 變量在使用之前可以不必聲明,系統(tǒng)會(huì)自動(dòng)將該變量聲明為全局變量,例如var m =
    " Good " ; n = m + " Morning " ; alert(n)輸出結(jié)構(gòu)是 " Good Morning "
    ??? --在大多數(shù)語言里,String是對象,在ECMAScript中卻是原始數(shù)據(jù)類型

    ??? 原始數(shù)據(jù)類型
    ?
    ??? ECMAScript原始數(shù)據(jù)類型有五種:Undefined、Null、Boolean、Number、String。

    ??? typeof—判斷變量和值的數(shù)據(jù)類型,通常有undefined、boolean、number、string、object五種類型。
    ??? Undefined—當(dāng)變量被聲明但沒有初始化,或函數(shù)沒有明確返回一個(gè)值的時(shí)候,該變量或函數(shù)即為 Undefined 類型。
    ??? Null—undefined是null的一種派生,當(dāng)代表一個(gè)對象的值不存在時(shí),該對象返回null。
    ??? Boolean—包含兩個(gè)值,true and false , false不等于0,但0可以轉(zhuǎn)換為false 。
    ??? Number—可以定義32位整型數(shù)據(jù)或64位浮點(diǎn)型數(shù)據(jù)。定義數(shù)字類型變量時(shí),在數(shù)字前加0即為八進(jìn)制,加0x為十六進(jìn)制,它們計(jì)算后返回的結(jié)果統(tǒng)一為十進(jìn)制。通過var f = 1.0可以定義一個(gè)浮點(diǎn)類型變量,有意思的是,當(dāng)f被用于計(jì)算之前,它實(shí)際是以 String類型存儲(chǔ)的。當(dāng)浮點(diǎn)類型數(shù)據(jù)很大或很小時(shí)(可以前后移動(dòng)六位),將使用E表示法來表示浮點(diǎn)數(shù)據(jù),最大可以存儲(chǔ)17位數(shù)據(jù)。另外,isFinite()方法可以判斷一個(gè)數(shù)值是否有限,isNaN()方法可以判斷一個(gè)數(shù)據(jù)是非數(shù)字類型。
    ??? String—String在ECMAScript中是原始數(shù)據(jù)類型,并且是唯一沒有空間大小限制的數(shù)據(jù)類型。和Java不同的是,var s =
    " javascript " 和var s = 'javascript'均是合法的表示方法。

    ??? 數(shù)據(jù)轉(zhuǎn)換
    ?
    ??? 在不同數(shù)據(jù)類型之間轉(zhuǎn)換是任何一門編程語言的一個(gè)重要特性,ECMAScript提供了一系列簡單的方法來實(shí)現(xiàn)數(shù)據(jù)的轉(zhuǎn)換,大多數(shù)數(shù)據(jù)類型都提供了簡單的轉(zhuǎn)換方法,對于復(fù)雜的轉(zhuǎn)換則有一些全局方法來完成,不管是哪一種方法,ECMAScript中數(shù)據(jù)轉(zhuǎn)換都非常簡單。

    ??? Boolean、number和string數(shù)據(jù)類型是原始數(shù)據(jù)類型,但它們同時(shí)是偽對象(在ECMAScript中偽對象到底該怎么解釋,運(yùn)行機(jī)制如何還不清楚?有人知道請給予解答),擁有自己的屬性和方法,可以通過toString()方法來實(shí)現(xiàn)string類型的轉(zhuǎn)換。ECMAScript定義所有的對象,不管是偽對象還是真實(shí)的對象,都可以實(shí)現(xiàn)toString()方法,string被列為偽對象的行列,自然也擁有toString()方法。將數(shù)字類型數(shù)據(jù)轉(zhuǎn)換為string的時(shí)候,可以在 toString() 方法中加入2、8、16參數(shù),來實(shí)現(xiàn)不同進(jìn)制的數(shù)據(jù)輸出,例如var n = 10; alert(n.toString(2))輸出為1010,alert(n.toString(8))輸出為12,n.toString()和n.toString(10)相同。
    ?
    ??? ECMAScript提供了兩種方法來實(shí)現(xiàn)string類型轉(zhuǎn)化為數(shù)字類型的方法:parseInt()和parseFloat()。其他類型轉(zhuǎn)換將會(huì)返回 NaN(Not a Number)。

    ??? Type Casting

    ??? ECMAScript數(shù)據(jù)類型的轉(zhuǎn)換通常可以通過三個(gè)方法來實(shí)現(xiàn):Boolean(value)、Number(value)和String(value),這樣通常會(huì)產(chǎn)生一些非預(yù)期的結(jié)果。

    ??? Boolean

    var?b1 = Boolean( "" );? // false–empty?string
    var?b2 = Boolean( " hi " );? // true–non-empty?string
    var?b3 = Boolean( 100 );? // true–non-zero?number
    var?b4 = Boolean( null );? // false-null
    var?b5 = Boolean( 0 );? // false-zero
    var?b6 = Boolean( new Object());? // true–object

    ??? Number

    Number( false )? 0
    Number(
    true ) ? 1
    Number(undefined)?NaN
    Number(
    null )? 0
    Number(
    " 5.5 " )? 5.5
    Number(
    " 56 " )? 56
    Number(
    " 5.6.7 " )?NaN
    Number(
    new
    Object())?NaN
    Number(
    100 )? 100

    ??? String

    ??? String()能實(shí)現(xiàn)所有類型數(shù)據(jù)的直接轉(zhuǎn)換,和使用toString()不同的是,String()能夠?qū)ull或undefined數(shù)據(jù)轉(zhuǎn)換為string。

    ??? 引用類型

    ??? ECMAScript 實(shí)際上并沒有傳統(tǒng)意義上的類,只是通過定義對象來等同于其他語言中的類,這一點(diǎn)我還比較含糊,以后可能會(huì)明白,在文中還是以“類”來說明。

    var ?ob? = ? new ?Object();

    ??? 以上定義了一個(gè)Object對象的實(shí)例,這種語法和Java比較類似。當(dāng)有參數(shù)的時(shí)候需要括號來引用,當(dāng)不存在參數(shù)時(shí),括號可以去掉。由于ECMAScript語言比較松散,不管是前面所屬的基礎(chǔ)語法,還是后面將提到的語法知識,我們都應(yīng)該盡量按照一定的書寫規(guī)范來約定自己的代碼格式,而不應(yīng)充分發(fā)揮語言松散的特點(diǎn)。

    ??? Object類

    ??? Object類和Java里的java.lang.Object類比較相似,它是ECMAScript中其他所有類的基類,它具有如下屬性:

    ??? constructor—建立對象的函數(shù)的一個(gè)引用,對于Object類而言,該引用指向本地Object()方法。
    ??? prototype—對象里prototype對象的一個(gè)引用值。

    ??? Object 類擁有的方法:

    ??? hasOwnProperty(property)—判斷property屬性是否存在于對象中,property數(shù)據(jù)類型為string
    ??? isPrototypeOf(object)— 判斷一個(gè)對象是否是另一對象的 prototype
    ??? propertyIsEnumerable(property)— 判斷所給出的屬性能否使用 for 語句列舉出來
    ??? toString()—返回對象的原始類型string
    ??? valueOf()—返回對象合適的原始值,對于多數(shù)類而言,返回的值和toString()相同
    ??? Object類的每一個(gè)屬性和方法都被其他的類所重寫

    ??? Boolean類

    ??? 定義方法var ob = new Boolean(true); ob是Boolean原始數(shù)據(jù)類型的一個(gè)引用。在使用Boolean對象過程中,需要注意,所有的對象會(huì)自動(dòng)轉(zhuǎn)變?yōu)閠rue,因此var ob1 = new Boolean(false);? var ob2 = ob1 && true; 最后ob2的值是true,非false。一般情況下,使用Boolean原始數(shù)據(jù)類型可以避免這種情況。

    ??? Number類

    ??? 定義方法var o = new Number(15);
    ??? 獲得原始數(shù)據(jù)的值var n = o.valueOf();

    ??? Number類有一些為數(shù)字類型的值特別設(shè)計(jì)的方法:

    alert(o.toFixed( 2 ));?? // 輸出15.00
    alert(o.toExponential( 1 ));?? // 輸出1.5e+1

    ??? 在無法確定使用 toFixed 還是 toExponential 的時(shí)候,可以使用 toPrecision 方法來獲得取值:

    alert(o.toPrecision( 1 ));?? // 輸出?2e+1
    alert(o.toPrecision( 2 ));?? // 輸出?15
    alert(o.toPrecision( 3 ));?? // 輸出?15.0

    ??? String類

    ??? String類是一種復(fù)雜引用類型,這里僅列出一些常見的方法,其中不少都是模仿java.lang.String:

    var ?s? = ? new ?String( " Good?Morning " );
    alert(s.valueOf()?
    == ?s.toString());?? // 輸出true

    alert(s.length);?? // 輸出12
    alert(s.charAt( 1 ));?? // 輸出o
    var ?sr? = ?s.concat( " ?! " );?alert(sr);?? // 輸出Good?morning?!
    alert(s.indexOf( " o " );?? // 輸出1
    alert(s.lastIndexOf( " o " );?? // 輸出6
    alert(s.localeCompare(Good?morning));?? // 輸出0
    alert(s.localeCompare(Apple));?? // 輸出1
    alert(s.localeCompare(House));?? // 輸出-1
    alert(s.slice( 2 ));?? // ?輸出od?morning
    alert(s.substring( 2 ));?? // ?輸出od?morning
    alert(s.slice( 2 ,? - 5 ));?? // ?輸出od?mo
    alert(s.substring( 2 ,? - 5 ));?? // 輸出Go
    alert(s.toUpperCase());?? // 輸出GOOD?MORNING
    alert(s.toLowerCase());?? // 輸出good?morning

    ??? 另外,所有String類的方法同樣可以用于String原始數(shù)據(jù)類型,因?yàn)樗莻螌ο蟆?br />
    ??? instanceof

    ??? instanceof操作符和typeof作用類似,不同的是,instanceof需要明確指定對象是否屬于某種特定類型。例如

    var ?s? = ? new ?String( " Good?morning?! " );
    alert(s?
    instanceof ?String);

    ??? 操作符和語句

    ??? ECMAScript 中大多數(shù)操作符、語句和 Java 都比較類似,但也有一些其特有的,如 label 語句, with 語句, for-in 語句等等。

    ??? Functions

    ??? Functions是ECMAScript的核心,在任何時(shí)候任何地方都可以運(yùn)行的一組代碼語句。

    function ?functionName(arg0,?arg1,?……?,?argN)? {
    ??statements
    }

    ??? 當(dāng)function沒有返回值或return語句后沒有值的時(shí)候,該function實(shí)際上會(huì)被系統(tǒng)定義為undefined,當(dāng)function返回值的時(shí)候,function可以不必明確指定為某種數(shù)據(jù)類型。

    ??? 關(guān)于重載

    ??? 重載是面向?qū)ο笳Z言的基本特性之一,但 ECMAScript 的 functions 并不能重載,在同一范圍里可以定義兩個(gè)完全相同的函數(shù),在調(diào)用函數(shù)的時(shí)候,最后的一個(gè)函數(shù)發(fā)揮作用。這種特性比較麻煩,但可以通過 arguments 對象來實(shí)現(xiàn)和重載類似的功能。

    function ?func()? {
    ??
    if (arguments.length? == ? 1 )?
    {
    ????alert(arguments[
    0 ]? + ? 5
    );
    ??}
    ? else ? if ?(arguments.length? == ? 2 )? {
    ??????alert(arguments[
    0 ]? + ?arguments[ 1
    ]);
    ????}

    }


    func(
    5 );?? // 輸出10
    func( 10 ,? 15 );?? // 輸出25

    ??? 前面提到過,在同一范圍里可以定義兩個(gè)完全相同的function,在調(diào)用function的時(shí)候,最后的一個(gè)function發(fā)揮作用。
    ?
    function ?func(i)? {
    ??alert(i?
    + ? 10
    );
    }

    function ?func(i)? {
    ??alert(i?
    + ? 20
    );
    }

    func(
    5 );?? // 輸出25

    ??? 可以看出,是調(diào)用了最后的一個(gè)function使得數(shù)據(jù)結(jié)果為25,如果使用Function類來定義以上兩個(gè)函數(shù),那為什么會(huì)使用最后的一個(gè)function可能會(huì)更明確一些。

    var ?func? = ? new ?Function(“i”,?“alert(i? + ? 10 )”);
    var ?func? = ? new ?Function(“i”,?“alert(i? + ? 20
    )”);
    func(
    5 );

    ??? func指向了另外一個(gè)引用,從而值發(fā)生了改變,func是作為function對象的引用而存在的,并且允許兩個(gè)變量指向同一個(gè) function。

    ??? 和Function類相關(guān)的屬性、方法有許多,例如length、toString()、valueOf()等等。其中toString()在調(diào)試程序中使用較多。

    posted on 2006-06-13 15:36 Flyingis 閱讀(3644) 評論(4)  編輯  收藏 所屬分類: Web 客戶端技術(shù)

    評論

    # re: ECMAScript 基礎(chǔ)  回復(fù)  更多評論   

    原文:“在使用Boolean對象過程中,需要注意,所有的對象會(huì)自動(dòng)轉(zhuǎn)變?yōu)閠rue,因此var ob1 = new Boolean(false); var ob2 = ob1 && true; 最后ob2的值是true,非false。”

    我寫了下面的一段代碼:

    var ob1 = new Boolean(false);
    var ob2 = ob1&&true;
    var ob3 = new Boolean();
    var ob4 = true&&ob1;
    alert("ob1 = " + ob1 + " ob2 = ob1&&true = " +ob2 +
    " ob4 = true&&ob1 = "+ob4 + " ob3 = " + ob3 +
    " ob2&&ob3 = " + (ob2&&ob3) + " ob3&&ob2 = " + (ob3&&ob2));

    結(jié)果:
    ob1 = false (正常)
    ob2 = ob1&&true = true (和你說的一樣)
    ob4 = true&&ob1 = false (我只是改變了順序,為什么結(jié)果完全相反呢?既然都轉(zhuǎn)換為true為什么結(jié)果為false)

    下面的代碼只是為了進(jìn)一步證實(shí)這個(gè)現(xiàn)象而以
    ob3 = fasle (正常)
    ob2&&ob3 = fasle (結(jié)果與ob3的值相等)
    ob3&&ob2 = true (結(jié)果與ob2的值相等)

    所以我認(rèn)為 待求結(jié)果的值與操作符“&&”后面的值相等。
    我上網(wǎng)查了一下,很多人和你說的一樣,所有的對象會(huì)自動(dòng)轉(zhuǎn)變?yōu)閠rue,之后就沒有進(jìn)一步細(xì)講了。
    為什么會(huì)出現(xiàn)上面的現(xiàn)象,我有點(diǎn)不太明白了。
    希望告知,謝謝啦^+^

    2006-10-30 17:30 | 馬嘉楠

    # re: ECMAScript 基礎(chǔ)  回復(fù)  更多評論   

    呵呵,問題已經(jīng)解決了

    http://m.tkk7.com/majianan/archive/2006/10/30/78177.html
    2006-10-31 01:20 | 馬嘉楠

    # 這是書上摘抄的吧  回復(fù)  更多評論   

    好眼熟,仔細(xì)一看,原來就是《javascript高級程序設(shè)計(jì)》里的,呵呵……
    2006-10-31 10:58 | 笨笨狗

    # re: ECMAScript 基礎(chǔ)  回復(fù)  更多評論   

    @笨笨狗
    http://m.tkk7.com/flyingis/archive/2006/06/11/51947.html
    這里說過初學(xué)時(shí)參考了Nicholas C.Zakas的《Professional JavaScript for Web Developers》,不想看書里長篇大論的英文可以看看本文歸納的筆記,不足之處可以相互討論。不知道《JavaScript高級程序設(shè)計(jì)》和這本書有什么關(guān)系。
    2006-10-31 14:20 | Flyingis
    主站蜘蛛池模板: 91亚洲性爱在线视频| 亚洲尤码不卡AV麻豆| 最近中文字幕mv免费高清电影 | 久久亚洲私人国产精品vA| 在线亚洲午夜理论AV大片| 中文字幕亚洲综合久久男男| 亚洲伦乱亚洲h视频| 久久久亚洲精品蜜桃臀| 在线观看国产区亚洲一区成人 | 国产亚洲人成网站观看| 亚洲AV综合色区无码一区爱AV| 亚洲乳大丰满中文字幕| 亚洲国产精华液网站w| 亚洲精品在线观看视频| 亚洲国产成人精品久久| 亚洲午夜一区二区三区| 亚洲AV日韩AV无码污污网站| 美女18一级毛片免费看| 国产精品1024在线永久免费 | 久久免费区一区二区三波多野| 日韩免费无码视频一区二区三区| 免费看又黄又无码的网站 | 无套内射无矿码免费看黄| 一级女性全黄生活片免费看| 国产无遮挡无码视频免费软件| 一区二区三区观看免费中文视频在线播放 | 久久午夜免费鲁丝片| 美女被免费喷白浆视频| 免费看香港一级毛片| 亚洲国产精品丝袜在线观看| 在线播放亚洲第一字幕| 久久亚洲私人国产精品| 亚洲欧美成人综合久久久| 精品在线观看免费| 十八禁在线观看视频播放免费| 精品一区二区三区无码免费视频 | 久9热免费精品视频在线观看| 2020久久精品国产免费| 国产成人免费片在线视频观看| 中文字幕亚洲一区二区va在线| 在线电影你懂的亚洲|