本篇是通過學習視頻《一頭扎進javascirpt高級篇》整理的一些相關知識，大致包括下面幾個方面：
1 對象的創建方法
2 對象的對象屬性、私有屬性、類屬性
3 對象的對象方法、私有方法、類方法
4 javascirpt的繼承、封裝、與多態
對象的創建方法：
對象的創建可以通過兩種方式，第一種通過對象初始化的方法：
var person={ name:"xingoo", age:26, say:function(){ console.log("say something"); }, action:function(){ console.log("do something"); } }; console.log(person.name); console.log(person.age); person.say(); person.action();
第二種方式通過構造函數創建：
function student(name,age){ this.name = name; this.age = age; this.say = function(){ console.log("say something"); } this.action = function(){ console.log("do something"); } } var xingoo = new student("xingoo",27); console.log(xingoo.name); console.log(xingoo.age); xingoo.say(); xingoo.action();
對象的屬性
對象的屬性分為對象屬性、私有屬性和類屬性。
對象屬性需要創建對象后才能使用；
私有屬性在內部可以直接使用，在外部需要通過閉包才能使用。
類屬性可以通過對象名稱直接使用。
function func(){ this.objPro1 = "對象屬性"; func.prototype.objPro2 = "對象屬性"; var privatePro = "私有屬性"; } func.classPro = "類屬性"; console.log(func.classPro); var f = new func(); console.log(f.objPro1); console.log(f.objPro2); <!-- 私有屬性可以通過閉包獲取 -->
對象的方法
對象方法包括：對象方法，私有方法和類方法，使用類似前面的屬性。
function demoFunc1(){ var privateFunc = function(){ console.log("this is privateFunc"); }; privateFunc(); this.objFunc1 = function(){ console.log("this is objFunc1"); }; demoFunc1.prototype.objFunc2 = function(){ console.log("this is objFunc2"); }; } demoFunc1.classFunc = function(){ console.log("this is classFunc"); }; demoFunc1.classFunc(); var f = new demoFunc1(); f.objFunc1(); f.objFunc2();
繼承、封裝與多態
JS要想實現繼承，需要通過apply方法或者prototype實現。
如果單純的使用apply方法，子類的原型是子類；如果使用prototype，那么子類的原型也將繼承父類。
例如下面的代碼：
function Animal(name,age){ this.name = name; this.age =age; this.say = function(){ console.log("animal say something"); } } function Cat(name,age){ Animal.apply(this,[name,age]); } <!-- Cat.prototype = new Animal();--> var cat1 = new Cat("xingoo",3); console.log(cat1.name); console.log(cat1.age); cat1.say();
上面代碼中，cat的原型是cat；
如果開啟注釋的部分，可以發現，cat類的原型也變成了Animal。
子類的方法會覆蓋父類的方法，即表現出多態性：
function Pig(name,age){ this.say = function(){ console.log("i am pig"); } } Pig.prototype = new Animal(); function Dog(name,age){ this.say = function(){ console.log("i am dog"); } } Dog.prototype = new Animal(); function say(animal){ if(animal instanceof Animal){ animal.say(); } } var dog = new Dog(); var pig = new Pig(); say(dog); say(pig);
使用到的全部代碼：
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script type="text/javascript">
<!-- 對象初始化器方式 -->
var person={
name:"xingoo",
age:26,
say:function(){
console.log("say something");
},
action:function(){
console.log("do something");
}
};
console.log(person.name);
console.log(person.age);
person.say();
person.action();
<!-- 構造函數方式 -->
function student(name,age){
this.name = name;
this.age = age;
this.say = function(){
console.log("say something");
}
this.action = function(){
console.log("do something");
}
}
var xingoo = new student("xingoo",27);
console.log(xingoo.name);
console.log(xingoo.age);
xingoo.say();
xingoo.action();
<!-- 對象屬性 私有屬性，對象屬性，類屬性 -->
function func(){
this.objPro1 = "對象屬性";
func.prototype.objPro2 = "對象屬性";
var privatePro = "私有屬性";
}
func.classPro = "類屬性";
console.log(func.classPro);
var f = new func();
console.log(f.objPro1);
console.log(f.objPro2);
<!-- 私有屬性可以通過閉包獲取 -->
<!-- 私有方法，對象方法，類方法 -->
function demoFunc1(){
var privateFunc = function(){
console.log("this is privateFunc");
};
privateFunc();
this.objFunc1 = function(){
console.log("this is objFunc1");
};
demoFunc1.prototype.objFunc2 = function(){
console.log("this is objFunc2");
};
}
demoFunc1.classFunc = function(){
console.log("this is classFunc");
};
demoFunc1.classFunc();
var f = new demoFunc1();
f.objFunc1();
f.objFunc2();
<!-- 封裝性，繼承性，多態性 -->
<!-- apply()實現屬性和方法的集成，prototype實現原型的繼承 -->
function Animal(name,age){
this.name = name;
this.age =age;
this.say = function(){
console.log("animal say something");
}
}
function Cat(name,age){
Animal.apply(this,[name,age]);
}
<!-- Cat.prototype = new Animal();-->
var cat1 = new Cat("xingoo",3);
console.log(cat1.name);
console.log(cat1.age);
cat1.say();
<!-- 繼承 -->
function Pig(name,age){
this.say = function(){
console.log("i am pig");
}
}
Pig.prototype = new Animal();
function Dog(name,age){
this.say = function(){
console.log("i am dog");
}
}
Dog.prototype = new Animal();
function say(animal){
if(animal instanceof Animal){
animal.say();
}
}
var dog = new Dog();
var pig = new Pig();
say(dog);
say(pig);
</script>
</body>
</html>
運行結果：
