JavaScript 提供多個 內建 對象,比如 String、Date、Array 等等。對象只是帶有 屬性 和 方法 的特殊數據類型。
訪問對象的屬性
屬性是與對象相關的值。
訪問對象屬性的語法是:
objectName.propertyName
下面這個例子使用了 String 對象的 length 屬性來獲得字符串的長度:( 下面的結果為 12 )
var message="Hello World!"; var x=message.length;
訪問對象的方法
方法是能夠在對象上執行的動作。
您可以通過以下語法來調用方法:
objectName.methodName()
下面這個例子使用了 String 對象的 toUpperCase() 方法來將文本轉換為大寫:( 下面的結果為 HELLO WORLD! )
var message="Hello world!"; var x=message.toUpperCase();
創建 JavaScript 對象
通過 JavaScript,您能夠定義并創建自己的對象。
創建新對象有兩種不同的方法:
- 定義并創建對象的實例
- 使用函數來定義對象,然后創建新的對象實例
創建直接的實例
這個例子創建了對象的一個新實例,并向其添加了四個屬性:
< body>
< script>
person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
< /script>
< /body>
使用對象構造器
使用函數來構造對象:
< body>
< script>
function person(firstname,lastname,age,eyecolor) {
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("Bill","Gates",56,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
< /script>
< /body>
創建 JavaScript 對象實例
當有了對象構造器,就可以創建新的對象實例,就像這樣:
var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");
把屬性添加到 JavaScript 對象
您可以通過為對象賦值,向已有對象添加新屬性:
假設 personObj 已存在 - 您可以為其添加這些新屬性:firstname、lastname、age 以及 eyecolor:(x 的結果是Bill )
person.firstname="Bill";
person.lastname="Gates";
person.age=56;
person.eyecolor="blue";
x=person.firstname;
把方法添加到 JavaScript 對象
方法只不過是附加在對象上的函數。
在構造器函數內部定義對象的方法:
< body>
< script>
function person(firstname,lastname,age,eyecolor) {
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
this.changeName=changeName;
function changeName(name) {
this.lastname=name;
}
}
myMother=new person("Steve","Jobs",56,"green");
myMother.changeName("Ballmer");
document.write(myMother.lastname);
< /script>
< /body>
JavaScript 是面向對象的語言,但 JavaScript 不使用類。
在 JavaScript 中,不會創建類,也不會通過類來創建對象(就像在其他面向對象的語言中那樣)。
JavaScript 基于 prototype,而不是基于類的。
JavaScript 數字
JavaScript 只有一種數字類型。
var pi=3.14; // 使用小數點
var x=34; // 不使用小數點
極大或極小的數字可通過科學(指數)計數法來寫:
實例
var y=123e5; // 12300000
var z=123e-5; // 0.00123
所有 JavaScript 數字均為 64 位
JavaScript 不是類型語言。與許多其他編程語言不同,JavaScript 不定義不同類型的數字,比如整數、短、長、浮點等等。
JavaScript 中的所有數字都存儲為根為 10 的 64 位(8 比特),浮點數。
精度
整數(不使用小數點或指數計數法)最多為 15 位。
小數的最大位數是 17,但是浮點運算并不總是 100% 準確:0.2 + 0.1 = 0.30000000000000004
八進制和十六進制
如果前綴為 0,則 JavaScript 會把數值常量解釋為八進制數,如果前綴為 0 和 "x",則解釋為十六進制數。
實例
var y=0377;
var z=0xFF;
提示:絕不要在數字前面寫零,除非您需要進行八進制轉換。
數字屬性和方法
屬性:
- MAX VALUE
- MIN VALUE
- NEGATIVE INFINITIVE
- POSITIVE INFINITIVE
- NaN
- prototype
- constructor
方法:
- toExponential()
- toFixed()
- toPrecision()
- toString()
- valueOf()
字符串
String 對象用于處理已有的字符塊。
時期
Date 對象用于處理日期和時間
可以通過 new 關鍵詞來定義 Date 對象
var myDate=new Date()
數組
數組對象用來在單獨的變量名中存儲一系列的值.
使用關鍵詞 new 來創建數組對象 : var myArray=new Array();
兩種賦值方法
- var mycars=new Array()
mycars[0]="Saab"
mycars[1]="Volvo"
mycars[2]="BMW" - var mycars=new Array("Saab","Volvo","BMW")
邏輯
如果邏輯對象無初始值或者其值為 0、-0、null、""、false、undefined 或者 NaN,那么對象的值為 false。否則,其值為 true(即使當自變量為字符串 "false" 時)!
算數
Math(算數)對象的作用是:執行普通的算數任務。
Math 對象提供多種算數值類型和函數。無需在使用這個對象之前對它進行定義。
JavaScript 提供 8 種可被 Math 對象訪問的算數值:
- 常數
- 圓周率
- 2 的平方根
- 1/2 的平方根
- 2 的自然對數
- 10 的自然對數
- 以 2 為底的 e 的對數
- 以 10 為底的 e 的對數
這是在 Javascript 中使用這些值的方法:(與上面的算數值一一對應)
- Math.E
- Math.PI
- Math.SQRT2
- Math.SQRT1_2
- Math.LN2
- Math.LN10
- Math.LOG2E
- Math.LOG10E
正則表達式
RegExp 對象用于規定在文本中檢索的內容。
什么是 RegExp? RegExp 是正則表達式的縮寫。
RegExp 對象有 3 個方法:test()、exec() 以及 compile()。
test()
test() 方法檢索字符串中的指定值。返回值是 true 或 false。
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
由于該字符串中存在字母 "e",以上代碼的輸出將是: true
exec()
exec() 方法檢索字符串中的指定值。返回值是被找到的值。如果沒有發現匹配,則返回 null。
例子 1:
var patt1=new RegExp("e");
document.write(patt1.exec("The best things in life are free"));
由于該字符串中存在字母 "e",以上代碼的輸出將是:
e
例子 2:
向 RegExp 對象添加第二個參數,以設定檢索。例如,如果需要找到所有某個字符的所有存在,則使用 "g" 參數 ("global")。
在使用 "g" 參數時,exec() 的工作原理如下:
- 找到第一個 "e",并存儲其位置
- 如果再次運行 exec(),則從存儲的位置開始檢索,并找到下一個 "e",并存儲其位置
var patt1=new RegExp("e","g");
do {
result=patt1.exec("The best things in life are free");
document.write(result);
} while (result!=null)
由于這個字符串中 6 個 "e" 字母,代碼的輸出將是:
eeeeeenull
compile()
compile() 方法用于改變 RegExp。
compile() 既可以改變檢索模式,也可以添加或刪除第二個參數。
例子:
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free"));
patt1.compile("d");
document.write(patt1.test("The best things in life are free"));
由于字符串中存在 "e",而沒有 "d",以上代碼的輸出是:
truefalse