二十分鐘學會Javascript中級語法

二十分鐘學會Javascript中級語法,圖片來自網(wǎng)絡
1. 說在前面的話

本篇文章牢裳,是一篇關于Javascript的中級進階總結(jié)着饥。筆者希望大家能夠在30分鐘之內(nèi)閱讀完并認真體會,多敲代碼龄广,多總結(jié)硫眯,畢竟Javascript本身并不難。

2. 談談Javascript的對象

Javascript作為一種弱語言類型的語言择同,同時也是一種動態(tài)類型的語言两入。在使用Javascript的過程中,也常常需要用到Javascript的內(nèi)置對象以及自定義的對象敲才。

2.1 如何創(chuàng)建對象

Javascript是一種弱語言類型的語言裹纳,不必像Java、C#等高級語言那樣必須通過構(gòu)造函數(shù)的方法來創(chuàng)建對象紧武,在Javascript中剃氧,主要有兩種創(chuàng)建對象的方法,一種是直接通過new關鍵字定義阻星,一種是通過函數(shù)來定義朋鞍。如下:

   //第一種方式,直接通過new創(chuàng)建對象妥箕;
   var demo = new Object();
   demo.name = "Anderson";
   demo.sex = "male";
   demo.age = 23;

   //第二種格式滥酥,直接實例化,基本上和Json語法是一致的,一般作為第一種方式的替代語法矾踱。
   var demo = {name:"Anderson",sex:"male",age:25};

   //第三種格式恨狈,通過構(gòu)造器來創(chuàng)建對象
   function Demo(name,sex,age){
       this.name = name;
       this.sex = sex;
       this.age = age;
   }
   var demo = new Demo("Andeson","male",25);
2.2 如何修改對象

Javascript和高級語言的對象語法是不一樣的,總的來說呛讲,其限制比較少禾怠,當創(chuàng)建完對象后返奉,可以對對象的屬性、方法等進行動態(tài)的修改吗氏,比如添加一個新的屬性芽偏,添加一個新的方法等。

    var demo = {Name:"Anderson"}弦讽;
    demo.Sex = "male";
2.3 理解Javascript中的數(shù)字對象

在Javascript中污尉,所有的數(shù)字都是64位,所有數(shù)字均由浮點類型組成往产。Javascript中采用的是IEEE754標準定義的64位浮點數(shù)格式表示數(shù)字被碗,它能表示最大值為±1.7976931348623157 x 10308,最小值為±5 x 10 -324仿村。

    var demo1 = 7;       //十進制表示法
    var demo2 = 07;      //八進制表示法
    var demo3 = 0x12;    //十六進制表示法

    var demo4 = 12e12;   //科學計數(shù)法表示法
    var demo5 = 12e-12;  //科學計數(shù)法表示法

    var demo7 = 128;
    var demo8 = demo7.toString(16);  //轉(zhuǎn)化為十六進制
    var demo9 = demo7.toString(8);   //轉(zhuǎn)化為八進制
    var demo10= demo7.toString(2);   //轉(zhuǎn)化為二進制

    var demo11= Infinity;      //無窮大表示法
    var demo12= isNaN(100);    //非數(shù)字值表示法

    var demo13= typeof(12);              //數(shù)字的類型為 Number
    var demo14= typeof(new Number(12));  //Number的類型為Object
    var demo15 = (demo13 == demo14);     //兩者相等
    var demo16 = (demo13=== demo14);     //兩者不相等

2.4 理解Javascript中的字符串對象
    var str = "Hello,Anderson";

    var demo1 = str[0];               //通過索引锐朴,獲取字符串中的字符,超出最大值則返回undefined
    var demo2 = str.indexOf("H");     //獲取目標字符串在源字符串中的位置,找不到則返回 -1
    var demo3 = str.length;           //獲取字符串的長度
    var demo4 = str.lastIndexOf("H"); //獲取目標字符串在源字符串中的位置蔼囊,從串尾開始找焚志,找不到返回-1
    var demo5 = str.match("Anderson");//從源串中匹配目標串,若有畏鼓,則返回目標串酱酬,否則,返回返回 null
    var demo8 = str.replace("A","d"); //將源串中的目標串替換為替換串
    var demo9 = str.toUpperCase();    //轉(zhuǎn)換為大寫
    var demo10= str.toLowerCase();    //轉(zhuǎn)換為小寫
    var demo11= str.split("d");       //轉(zhuǎn)化為數(shù)組

    var demo12= "\'";       //表示單引號
    var demo13= "\"";       //表示雙引號
    var demo14= "\\";       //表示斜杠
    var demo15= "\n";       //表示換行
    var demo16= "\r";       //表示回車
    var demo17= "\t";       //表示制表符
    var demo18= "\b";       //表示空格
    var demo19= "\f";       //表示換頁
2.5 理解Javascript中的日期對象
    var demo1 = new Date();            //創(chuàng)建對象云矫,當前日期
    var demo2 = new Date(22e9);        //創(chuàng)建對象膳沽,毫秒數(shù)
    var demo3 = new Date("2016-06-04");//創(chuàng)建對象,日期字符串
    var demo4 = new Date(2016,5,12,12,12,12); //創(chuàng)建對象泼差,年月日時分秒

    var demo5 = (demo1 > demo2);        //比較日期
2.6 理解Javascript中的數(shù)組對象
    var demo1 = new Array(1,2,3,4);       //創(chuàng)建數(shù)組
    var demo2 = [1,3,4,5];                //創(chuàng)建數(shù)組
    var demo3 = demo1.concat(demo2);      //合并數(shù)組
    var demo5 = demo1.concat(demo2,demo3);//合并數(shù)組
2.7 理解Javascript中的正則對象RegExp

RegExp是正則表達式(Regular Expression)的縮寫贵少。正則表達式主要用于文本的檢索呵俏。其基本的語法形式如下:

    var pattern = new RegExp(pattern,modifiers);  //通過構(gòu)造方法創(chuàng)建正則對象
    var pattern = /pattern/modifiers;             //直接聲明正則對象

    //其中堆缘,修飾符modifiers有兩種,i和g普碎,i表示不區(qū)分大小寫吼肥,g表示全文檢索
    //pattern表示檢索模型

    var str = "Hello, Anderson Lu";
    var pattern = /llo/gi;
    var demo1 = str.match(pattern);  //使用實例

    var pattern2 = new RegExp("\\Lu\\gi");
    var demo2 = pattern2.test(str);  //判斷str中是否有符合模式pattern2的串麻车,返回true或者false
    var demo3 = pattern2.exec(str);  //返回匹配的字符串

除此之外缀皱,還有一些其他的對象,比如Math算術和布爾等等动猬。大家可以通過W3CSchool進行學習啤斗。

附錄 文章更新日志
2016-06-04 文章第一版本
2016-06-05 修正八進制表示法筆誤
2016-06-05 修正十六進制轉(zhuǎn)化錯別字
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市赁咙,隨后出現(xiàn)的幾起案子钮莲,更是在濱河造成了極大的恐慌免钻,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件崔拥,死亡現(xiàn)場離奇詭異极舔,居然都是意外死亡,警方通過查閱死者的電腦和手機链瓦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門拆魏,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人慈俯,你說我怎么就攤上這事渤刃。” “怎么了贴膘?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵溪掀,是天一觀的道長。 經(jīng)常有香客問我步鉴,道長揪胃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任氛琢,我火速辦了婚禮喊递,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘阳似。我一直安慰自己骚勘,他們只是感情好,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布撮奏。 她就那樣靜靜地躺著俏讹,像睡著了一般。 火紅的嫁衣襯著肌膚如雪畜吊。 梳的紋絲不亂的頭發(fā)上泽疆,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天,我揣著相機與錄音玲献,去河邊找鬼殉疼。 笑死,一個胖子當著我的面吹牛捌年,可吹牛的內(nèi)容都是我干的瓢娜。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼礼预,長吁一口氣:“原來是場噩夢啊……” “哼眠砾!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起托酸,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤褒颈,失蹤者是張志新(化名)和其女友劉穎伙单,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體哈肖,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡吻育,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了淤井。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片布疼。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖币狠,靈堂內(nèi)的尸體忽然破棺而出游两,到底是詐尸還是另有隱情,我是刑警寧澤漩绵,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布贱案,位于F島的核電站,受9級特大地震影響止吐,放射性物質(zhì)發(fā)生泄漏宝踪。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一碍扔、第九天 我趴在偏房一處隱蔽的房頂上張望瘩燥。 院中可真熱鬧,春花似錦不同、人聲如沸厉膀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽服鹅。三九已至,卻和暖如春百新,著一層夾襖步出監(jiān)牢的瞬間企软,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工吟孙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留澜倦,地道東北人。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓杰妓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親碘勉。 傳聞我的和親對象是個殘疾皇子巷挥,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容