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)化錯別字