码迷,mamicode.com
首页 > 其他好文 > 详细

面向对象基础

时间:2015-06-07 14:35:27      阅读:120      评论:0      收藏:0      [点我收藏+]

标签:

创建一个对象,然后给这个对象新建属性和方法。

var box = new Object();    //创建一个对象
box.name = "张三";    //创建一个name 的属性并赋值
box.age = "20";    //创建一个age的属性并赋值
box.run=function(){    //创建一个run()方法并返回值
   return this.name+"::"+this.age
}
alert(box.run());  //输出属性或方法的值

上面创建了一个对象,并且创建属性和方法,在run()方法里的this,就是代表box对象本身。这种事js创建对象最基本的方法,但有个缺点,想创建一个类似的对象,就会产生大量的代码。

var box2=box;   // 得到box的引用
box2.name="李四";   //直接改变了name的属性
alert(box2.run());    //发现name也改变了

var box2 = new Object();
box2.name = "李四";
box2.age = 100;
box2.run = function(){
   return this.name+this.age;
}
alert(box2.run());        //这样才避免了和box的混淆,从而保持独立

为了解决多个类似对象声明的问题,我们可以使用一种叫工厂模式的方法,这种方法就是为了解决实例化对象产生大量重复的问题。

function myObject(name, age) {
var obj = new Object();
obj.name = name;
obj.age = age;
obj.run = function () {
return this.name + this.age;
};
return obj;
}
var box1 = myObject(‘张三‘, 20); 
var box2 = myObject(‘李四‘, 100);
alert(box1.run());
alert(box2.run()); //保持独立

工厂模式解决了重复实例化的问题,但还有个问题,那就是识别的问题,因为根本无法搞清楚他们到底是哪个对象的实例。

js中可以采用构造函数的方法来穿件特定的对象,类似于Object对象。

function Box(name,age){    //构造函数模式
  this.name = name;
  this.age = age;
  this.run = function(){
     return this.name+this.age;
  }
}
var box1 = new Box("张三",20);    //new box()即可
var box2 = new Box("李四",100);

 alert(box1.run());

  alert(box1 instanceof Box);  //ture 可以很清晰的识别属于Box

使用够着函数的方法,即解决了重复的问题,又解决了对象识别的问题但问题是,这里并没有new Object(),为什么可以实例化Box(),这个是哪里来的呢?

使用了构造函数的方法,和使用工厂模式的方法他们不同之处如下:
1.构造函数方法没有显示的创建对象(new Object());
2.直接将属性和方法赋值给this 对象;
3.没有renturn 语句。

构造函数的方法有一些规范:
1.函数名和实例化构造名相同且大写,(PS:非强制,但这么写有助于区分构造函数和
普通函数);
2.通过构造函数创建对象,必须使用new 运算符。

既然通过构造函数可以创建对象,那么这个对象是哪里来的,new Object()在什么地方
执行了?执行的过程如下:
1.当使用了构造函数,并且new 构造函数(),那么就后台执行了new Object();
2.将构造函数的作用域给新对象,(即new Object()创建出的对象),而函数体内的this 就
代表new Object()出来的对象。
3.执行构造函数内的代码;
4.返回新对象(后台直接返回)。
关于this 的使用,this 其实就是代表当前作用域对象的引用。如果在全局范围this 就代
表window 对象,如果在构造函数体内,就代表当前的构造函数所声明的对象。

构造函数和普通函数的唯一区别,就是他们调用的方式不同。只不过,构造函数也是函
数,必须用new 运算符来调用,否则就是普通函数。

var box = new Box(‘张三‘, 20); //构造模式调用
alert(box.run());
Box(‘张三‘, 20); //普通模式调用,无效
var o = new Object();
Box.call(o, ‘李四‘, 100) //对象冒充调用
alert(o.run());

 

面向对象基础

标签:

原文地址:http://www.cnblogs.com/huangyy/p/4558407.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!