javascript oop 15 min programming

文章目录

1. 1. javascript的面向对象15分钟教程
   1. 1.1. 第一种面向对象的写法
   2. 1.2. 创建空对象
   3. 1.3. 给对象添加属性和方法
   4. 1.4. 一步完成上面的两件事
   5. 1.5. 访问对象和属性
   6. 1.6. 方法重写
   7. 1.7. 通过this关键字访问内部属性
   8. 1.8. 对象引用
   9. 1.9. 另一个方式引用
   10. 1.10. 有意思的地方 ：全局属性
   11. 1.11. 另一种面向对象的写法
   12. 1.12. 定义对象及属性
   13. 1.13. 创建对象
   14. 1.14. 对象属性
   15. 1.15. 构造方法
   16. 1.16. 创建一个方法来访问这个属性
   17. 1.17. 更好的写法

javascript的面向对象15分钟教程

第一种面向对象的写法

创建空对象

var bill ={};//创建一个空对象

给对象添加属性和方法

bill.name = "Bill Goat";
bill.work = function (){
    console.log("programming....");
};

一步完成上面的两件事

var bill ={
    name : "Bill Goat";
    work : function(){
    console.log("programming....");
}
};

访问对象和属性

console.log(bill.name);
bill.work();

方法重写

bill.name = "Bill Goat";
bill.work =function(who){
     console.log("programming for "+who);
};

通过this关键字访问内部属性

bill.say = function (){
    console.log("bill's name  is"+this.name);
};

对象引用

var silly = bill;
console.log(silly.name);
sally.name = "Silly";
console.log(silly.name);
console.log(bill.name);

另一个方式引用

bill.name = "Bill Goat";
bill.say();

var sayName = bill.say();
sayName;
sayName();

有意思的地方 ：全局属性

var name = "Global";
bill.say();

发现此时输出的是
bill's name is Global

另一种面向对象的写法

定义对象及属性

function Game(){};

创建对象

var DF = new Game();

对象属性

DF.title = "星际争霸2";

构造方法

function Game (title){
	this.title = typeof title !== 'undifined' ? title :"";
};

var d3 = new Game("d3");
d3.title;
d3.title ="starcraft2";

this.title = typeof title !== 'undifined' ? title :"";相当于

if(typeof title !== "undifined"）{
	this.title = title;
}else{
	this.title = "";
}

创建一个方法来访问这个属性

d3.loveTitle = function (){
	console.log("I love "+this.title);
}

更好的写法

Game.prototype.heartIt = function (){
	console.log("I love "+this.title);
}
d3.heartIt();

下次详解javascript的原生对象模型

to be continued~~~~