javascript 面向对象基础之三(创建对象)

在javascript中创建对象大概有三种方式：

[b]使用new关键字创建对象[/b]

function demo(name,age){
    this.name = name;
    this.age = age;
    this.eat = function(){
	alert("to eat");
    }
}

var b = new demo("zzg",18);
//b["eat"]();
b.eat();
alert(b.name);

这里先创建了一个构造函数，注意构造函数是不能有返回值的。然后再去根据这个构造函数去创建一个对象，上面的var b = new demo("zzg",18)千万不能写成了var b = demo("zzg",18)，这样就成了方法调用了，由于这个函数没有返回值，所以执行这个函数之后打印b也就是undefiend。

创建完这个对象我们就可以通过这个对象去调用对象的方法，以及去访问这个对象的变量了（关于构造函数以及变量以后会继续讲到）。

[b]使用Object直接创建对象[/b]

var a = new Object; //这里也可写成 var a = new Object() 或者 var a = {};
a.name = "zzg";
a.age = 18;
a.eat =function (){
    alert("to eat");
}

a.eat();
a["eat"]();

alert(a.name);

这种方式比较直观，也比较好理解，就是创建一个Object对象，并且为这个对象添加属性和方法。

[b]使用对象字面量的方式[/b]

var a = {
   name:"zzg",
   age:18,
   eat:function(){
	alert("to eat");
   }
}

a["eat"]();
a.eat();
alert(a["name"]);

通过上面创建对象的三种方式，访问对象属性和方法都有两种方式，一种是通过“.”来访问，还有一种是通过“[]”来访问，于是…我们可以这样用jquery

$(".test")[ hideOrShow ? "hide" : "show" ]();

等同于

hideOrShow ? $(".test").hide() : $(".test").show();

不错，代码看起来精简了很多，不过，可读性却差了，至少我第一眼瞄上去，没反应过来这段代码干嘛的。

用”[]“访问和用”.”访问，最大的区别就是：”[]“是通过字符串再转换成标识符索引查询的，而”.”是通过标识符直接访问的。”[]“访问的容错性和灵活性是”.”做不到的。