快捷導(dǎo)航

Javascript中級(jí)語(yǔ)法快速入手

更新時(shí)間：2016年07月30日 15:42:29 投稿：daisy

本文是一篇關(guān)于Javascript的中級(jí)進(jìn)階總結(jié)。小編希望大家能夠在30分鐘之內(nèi)閱讀完并認(rèn)真體會(huì)，多敲代碼，多總結(jié)，畢竟Javascript本身并不難。

1. 談?wù)凧avascript的對(duì)象

Javascript作為一種弱語(yǔ)言類(lèi)型的語(yǔ)言，同時(shí)也是一種動(dòng)態(tài)類(lèi)型的語(yǔ)言。在使用Javascript的過(guò)程中，也常常需要用到Javascript的內(nèi)置對(duì)象以及自定義的對(duì)象。

1.1 如何創(chuàng)建對(duì)象
Javascript是一種弱語(yǔ)言類(lèi)型的語(yǔ)言，不必像Java、C#等高級(jí)語(yǔ)言那樣必須通過(guò)構(gòu)造函數(shù)的方法來(lái)創(chuàng)建對(duì)象，在Javascript中，主要有兩種創(chuàng)建對(duì)象的方法，一種是直接通過(guò)new關(guān)鍵字定義，一種是通過(guò)函數(shù)來(lái)定義。如下：

  //第一種方式，直接通過(guò)new創(chuàng)建對(duì)象；
  var demo = new Object();
  demo.name = "Anderson";
  demo.sex = "male";
  demo.age = 23;

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

  //第三種格式，通過(guò)構(gòu)造器來(lái)創(chuàng)建對(duì)象
  function Demo(name,sex,age){
    this.name = name;
    this.sex = sex;
    this.age = age;
  }
  var demo = new Demo("Andeson","male",25);

1.2 如何修改對(duì)象

Javascript和高級(jí)語(yǔ)言的對(duì)象語(yǔ)法是不一樣的，總的來(lái)說(shuō)，其限制比較少，當(dāng)創(chuàng)建完對(duì)象后，可以對(duì)對(duì)象的屬性、方法等進(jìn)行動(dòng)態(tài)的修改，比如添加一個(gè)新的屬性，添加一個(gè)新的方法等。

  var demo = {Name:"Anderson"}；
  demo.Sex = "male";

1.3 理解Javascript中的數(shù)字對(duì)象

在Javascript中，所有的數(shù)字都是64位，所有數(shù)字均由浮點(diǎn)類(lèi)型組成。Javascript中采用的是IEEE754標(biāo)準(zhǔn)定義的64位浮點(diǎn)數(shù)格式表示數(shù)字，它能表示最大值為±1.7976931348623157 x 10308，最小值為±5 x 10 -324。

  var demo1 = 7;    //十進(jìn)制表示法
  var demo2 = 07;   //八進(jìn)制表示法
  var demo3 = 0x12;  //十六進(jìn)制表示法

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

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

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

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

1.4 理解Javascript中的字符串對(duì)象

  var str = "Hello,Anderson";

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

  var demo12= "\'";    //表示單引號(hào)
  var demo13= "\"";    //表示雙引號(hào)
  var demo14= "\\";    //表示斜杠
  var demo15= "\n";    //表示換行
  var demo16= "\r";    //表示回車(chē)
  var demo17= "\t";    //表示制表符
  var demo18= "\b";    //表示空格
  var demo19= "\f";    //表示換頁(yè)

1.5 理解Javascript中的日期對(duì)象

  var demo1 = new Date();      //創(chuàng)建對(duì)象，當(dāng)前日期
  var demo2 = new Date(22e9);    //創(chuàng)建對(duì)象，毫秒數(shù)
  var demo3 = new Date("2016-06-04");//創(chuàng)建對(duì)象，日期字符串
  var demo4 = new Date(2016,5,12,12,12,12); //創(chuàng)建對(duì)象，年月日時(shí)分秒

  var demo5 = (demo1 > demo2);    //比較日期

1.6 理解Javascript中的數(shù)組對(duì)象

  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ù)組

1.7 理解Javascript中的正則對(duì)象RegExp

RegExp是正則表達(dá)式(Regular Expression)的縮寫(xiě)。正則表達(dá)式主要用于文本的檢索。其基本的語(yǔ)法形式如下：

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

  //其中，修飾符modifiers有兩種，i和g，i表示不區(qū)分大小寫(xiě)，g表示全文檢索
  //pattern表示檢索模型

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

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

好了，本文到此就結(jié)束了，除此之外，還有一些其他的對(duì)象，比如Math算術(shù)和布爾等等。大家可以通過(guò)腳本之家來(lái)進(jìn)行學(xué)習(xí)。

您可能感興趣的文章: