前言:本篇主要講各個(gè)api主要方法及使用----還有就是js中與眾不同的語言特性.
JavaScript對(duì)象
JS中創(chuàng)建對(duì)象的方式
創(chuàng)建直接的實(shí)例:
var person=new Object();
person.firstname="John";
person.lastname="Doe";
person.age=50;
person.eyecolor="blue";
document.write(person.firstname + " is " + person.age + " years old.");
-----------------------------------
替代語法
person={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}
document.write(person.firstname + " is " + person.age + " years old.");
使用對(duì)象構(gòu)造器
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<script>
function person(firstname,lastname,age,eyecolor){
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
myFather=new person("John","Doe",50,"blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");
</script>
</body>
</html>
備注:在javascript中this通常指向的是我們正在執(zhí)行的函數(shù)本身,
或者是指向該函數(shù)所屬的對(duì)象(運(yùn)行時(shí)).
創(chuàng)建JavaScript對(duì)象實(shí)例:
一旦有了對(duì)象構(gòu)造器,向已有對(duì)象添加新屬性:
var myFather = new person("John","Doe",50,"blue");
var myMother = new person("Sally","Rally",48,"green");
把屬性添加到JavaScript對(duì)象
# 可以通過為對(duì)象賦值,向已有對(duì)象添加新屬性:
# 假設(shè)personObj已存在,則可以為其添加新屬性:firstname,lastname,age,eyecolor:
person.firstname="John";
person.lastname="Doe";
person.age=30;
person.eyecolor="blue";
x=person.firstname;
把方法添加到JavaScript對(duì)象
# 方法只不過是附加在對(duì)象上的函數(shù).
# 在構(gòu)造函數(shù)內(nèi)部定義對(duì)象的方法
示例:
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("Sally","Rally",48,"green");
myMother.changeName("Doe");
JavaScript類
JavaScript是面向?qū)ο蟮恼Z言,但JavaScript不使用類.
在JavaScript中,不會(huì)創(chuàng)建類,也不會(huì)通過類來創(chuàng)建對(duì)象(這點(diǎn)和java/c++是完全不一樣的).
JavaScript基于prototype,而不是基于類的.
JavaScript for in循環(huán)
JavaScriptfor...in語句循環(huán)遍歷對(duì)象的屬性
語法:
for(variable in object){
執(zhí)行的代碼...
}
注意:for...in循環(huán)中的代碼塊將針對(duì)每個(gè)屬性執(zhí)行一次
# 示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p>點(diǎn)擊下面的按鈕啊鸭，循環(huán)遍歷對(duì)象 "person" 的屬性歪玲。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction(){
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person){
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>
JS Number對(duì)象
JavaScript 數(shù)字
JavaScript只有一種數(shù)字類型.可以使用也可以不適用小數(shù)點(diǎn)來書寫數(shù)字
表示方式:
var pi = 3.14;
var x = 34;
var y = 34e5;
var y = 34e-5;
# 所有javascript數(shù)字均為64位
JavaScript不是類型語言.與其他編程語言不同,JavaScript不定義,
不同類型的數(shù)字,比如整數(shù),短,長(zhǎng),浮點(diǎn)等等.
在JavaScript中,數(shù)字不分為整數(shù)類型和浮點(diǎn)型類型,所有的數(shù)字都是由浮點(diǎn)
類型.
# 精度
整數(shù)最多為15位 (不使用小數(shù)點(diǎn)或指數(shù)計(jì)數(shù)法)
# 小數(shù)的運(yùn)算不總是百分之百精確;
var x = 0.2+0.1;
# 8進(jìn)制和16進(jìn)制
如果前綴為0則JavaScript會(huì)把數(shù)值常量解釋為8進(jìn)制數(shù),如果前綴為0和"x",則解
釋為16進(jìn)制數(shù)
#默認(rèn)情況下,JavaScript數(shù)字為十進(jìn)制顯示.
但是你可以使用toString()方法輸出16進(jìn)制,8進(jìn)制,2進(jìn)制
var myNumber = 128;
myNumber.toString(16); // 返回
80myNumber.toString(8); // 返回
200myNumber.toString(2); // 返回 10000000
無窮大(Infinity)
var x = 2/0;正無窮 Infinity
var y = -2/0;負(fù)無窮-Infinity
NaN-非數(shù)字值
# NaN屬性是代表非數(shù)字值的特殊值.該屬性用于指示某個(gè)值不是數(shù)字.可以把Number對(duì)象設(shè)置為改制,來指示不是數(shù)字
可以使用isNaN()全局函數(shù)來判斷一個(gè)值是否是NaN值
var x = 1000 / "Apple";
isNaN(x); // 返回 true
var y = 100 / "1000";
isNaN(y); // 返回 false
var x = 1000 / 0;
isNaN(x); // 返回 false
數(shù)字可以是數(shù)字或者對(duì)象
數(shù)字可以私有數(shù)據(jù)進(jìn)行初始化梭纹，就像 x = 123;
JavaScript 數(shù)字對(duì)象初始化數(shù)據(jù)， var y = new Number(123);
# 實(shí)例
var x = 123;
var y = new Number(123);
typeof(x) // 返回 Number
typeof(y) // 返回 Object
# 實(shí)例
var x = 123;
var y = new Number(123);
(x === y) // 為 false，因?yàn)?x 是一個(gè)數(shù)字钥庇，y 是一個(gè)對(duì)象
JavaScript字符串
- 字符串可以使用數(shù)組的形式取單個(gè)字符
- 字符串的長(zhǎng)度屬性length來計(jì)算字符串的長(zhǎng)度
- indexOf()來查找子串在字符串中首次出現(xiàn)的位置,如果沒有查到則返回-1,lastIndexOf()方法在字符串末尾開始查找子串出現(xiàn)的位置.
- 內(nèi)容匹配:match()函數(shù)用來查找字符串中特定的字符,并且如果找到的話,則返回這個(gè)字符.如果沒找到則返回null
- 替換內(nèi)容,replace()方法在字符串中用某些字符替換另一些字符.
- 字符串大小寫轉(zhuǎn)換
toUpperCase()/toLowerCase(); - 字符串轉(zhuǎn)為數(shù)組:字符串使用split()函數(shù)轉(zhuǎn)為數(shù)組:
txt="a,b,c,d,e" // String
txt.split(","); // 使用逗號(hào)分隔
txt.split(" "); // 使用空格分隔
txt.split("|"); // 使用豎線分隔
- 特殊字符,通過\轉(zhuǎn)義
未完待續(xù)......
