面向?qū)ο?/h1>
類的定義和使用
- 定義格式1
class 類名{
constructor(變量列表){
變量賦值;
}
方法名{
方法體;
return 返回值
}
}
- 使用格式
let 對(duì)象名 = new 類名(實(shí)際變量值);
對(duì)象名.方法名();
字面量定義類和使用(重點(diǎn)掌握)
let 對(duì)象名 = {
變量名 : 變量值;
變量名 : 變量值;
...
方法名: function(參數(shù)列表){
方法體;
return 返回值;
},
...
}
- 使用格式
對(duì)象名.變量名
對(duì)象名.方法名();
繼承
- 繼承: 讓類與類產(chǎn)生字符類的關(guān)系,子類可以使用父類有權(quán)限的成員
- 繼承關(guān)鍵字: extends
- 頂級(jí)符類: Object
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
<script>
//定義person類
class person {
//定義構(gòu)造方法
constructor(name,age){
this.name=name;
this.age=age;
}
//show方法
ect(){
document.write(this.name+","+this.age+"<br>");
}
}
//定義Worker類繼承Person
class Worker extends person{
constructor(name,age,salary){
super(name,age);
this.salary = salary;
}
show(){
document.write(this.name+","+this.age+","+this.salary+"<br>");
}
}
let worker = new Worker("張阿森納",88,19820);
worker.ect();
worker.show();
</script>
</html>
內(nèi)置對(duì)象
Number
Math
Date
Date構(gòu)造方法
Date成員方法
String
String構(gòu)造方法
String成員方法
RegExp
RegExp構(gòu)造方法
正則表達(dá)式: 是一種對(duì)字符串進(jìn)行匹配的規(guī)則
RegExp成員方法
RegExp規(guī)則
Array
Set
Set構(gòu)造方法
JavaScript中的Set集合,元素唯一,存取順序一致
Set成員方法
Map
Map構(gòu)造方法
JavaScript中的Map集合,key唯一,存取順序一致
Map成員方法
- JSON
1.JSON(JavaScriptObjectNotation): 是一種輕量級(jí)的數(shù)據(jù)交換格式.
2.他是基于ECMAScript規(guī)范的一個(gè)子集,采用完全獨(dú)立于編程語言的文本格式來存儲(chǔ)和表示數(shù)據(jù)JSON成員方法
BOM介紹
- BOM(Browser Object Model): 瀏覽器對(duì)象模型
- 將瀏覽器的各個(gè)組成部分封裝成不同的對(duì)象,方便進(jìn)行操作
- Window 窗口對(duì)象
1.定時(shí)器
唯一標(biāo)識(shí) setTimeout(功能,毫秒值): 設(shè)置一次性定時(shí)器.
clearTimeout(標(biāo)識(shí)): 取消一次性定時(shí)器
唯一標(biāo)識(shí) setInterval(功能,毫秒值): 設(shè)置循環(huán)定時(shí)器
clearInterval(標(biāo)識(shí)): 清楚循環(huán)定時(shí)器
2.加載事件
window.onload: 在頁面加載完畢后出發(fā)此事件的功能
- Location 地址欄對(duì)象
1.href屬性: 就是瀏覽器的地址欄,我們可以通過該屬性設(shè)置新的URL,使瀏覽器讀并顯示新的URL的內(nèi)容