JS 物件導向

目錄1、屬性與方法（增刪改查）

2、類字典:不存在字典的概念，卻模擬字典的實現

3、建構函式（es5）：實現多個相似類的創造

4、繼承（es5）（存在知識點模糊？？？）

- 組合繼承（構造繼承屬性，原型繼承方法）

5、類及繼承（es6）

注意：

//建立物件的兩種方式

var obj = {}; 
var obj = new object();
//物件的屬性,兩種方式
obj.prop = "";
obj["age-0"] = 15
// 物件的方法
obj.func = function () 
// 物件屬性和方法的訪問方式
obj.prop
obj.func()
obj["age-0"]
// 物件屬性和方法的修改
obj.prop = "new"
// 屬性與方法刪除

總結:key全為字串形式,存在兩種書寫方式, name || 「name」

當key為js識別符號不支援的語法情況下,必須新增引號。例如：字串中存在 -，「abc-123」

value可以為任意型別

值存在兩種訪問方式：字典名.key || 字典名["key"] ；注意「.」的使用可以隨意新增 key：value的鍵值對 完成增刪改查

| dict["my-name"] | dict.fn()

var dict = 
var dict_1 = , 
fun () {}
}// 增
dict.key4 = true;
console.log(dict);
// 刪
delete dict.key4;
console.log(dict);
// 改
dict["my-key3"] = [5, 4, 3, 2, 1];
console.log(dict);
// 查
console.log(dict.key1);
console.log(dict["key1"]);

注意：

//建立建構函式

function people(name, age) 
}//建立例項
var p1 = new people("zero");
var p2 = new people("seven");
//呼叫例項內屬性和方法
console.log(p1.name)
console.log(p2.age)
p1.eat()
//檢視例項物件
console.log(p1);
console.log(p1);

注意：

// 父級

function sup(name) 
}// 子級
function sub(name) 
// 繼承方法
sub.prototype = new sup;
// 建立子級物件
var sub = new sub("subclass");
// 使用屬性
console.log(sub.name);
// 使用方法
sub.fn();
​// 指向自身建構函式
sub.prototype.constructor = sub;

注意：

class person 

// 例項方法:只能由物件呼叫
eat () 
// 類方法:只能由類呼叫
static create () 
} let p1 = new person('zero', 8);
let p2 = new person('seven', 58);
console.log(p1.age);
p2.eat();
// person.eat();
person.create();
// p2.create();
// 繼承
class student extends person 
} let s1 = new student("張三", 18, "男");
// 屬性的繼承
console.log(s1.name, s1.age, s1.***);
console.log();
// 方法的繼承
s1.eat();
// 繼承為全繼承
student.create();