js中的对象

javascript中的对象,实际上就是一个由若干键和其对应的键值组成的键值对集合。键值可以是任意数据类型,也可以是函数或者其它对象。

创建对象

在javascript中,我们可以通过以下几种方法来创建一个对象:

1、对象字面量

var obj = {};
obj.name = "姓名';
obj.work = function () {
  alert("我是一名weber");
}; 

2、关联数组

var obj = {};
obj["name"] = "姓名';
obj["work"] = function () {
  alert("我是一名weber");
};

  使用关联数组的好处是:在我们不知道对象的具体属性名时,可以用一个变量来代替对象的属性名

var prop="name";
console.log(obj[prop]);// 姓名

3、显式创建

var obj = new Object();
obj.name = "姓名";
obj.work = function () {
  alert("我是一个weber");
}

4、使用对象初始化器

var obj = {
  name:"姓名",
  work:function () {
    alert("我是一个weber");
  }
}

  在实际应用中,一般以使用对象初始化器来创建对象居多。

访问对象

javascript中访问对象其实很简单,我们可以像下边这样来访问对象:

var name = obj.name;
var work = obj['work'];

  以上2种方法访问都是可以的,第一种方便易用,第二种在属性名不确定的情况下使用较多

构造对象

固然我们可以像上述一样来创建对象,但是当我们需要用到多个对象,并且这些对象的属性,方法是固定的,这个时候我们总不能像上边那样,用到一个创建一个吧?有没有更好的办法来解决呢?当然有!

function Obj(opt){
  this.name = opt.name;
  this.work = function () {
    alert("我的名字是:"+this.name);
  }
}

var obj1 = new Obj({name:"老李头"});
var obj2 = new Obj({name:"李老头"});

  之后我们就可以根据obj1,obj2来访问属性name或者方法work了!是不是很方便?

posted on 2018-03-01 11:12  李老头  阅读(123)  评论(0)    收藏  举报

导航