定义
有两种方式定义对象。
new Object() 形式
通过 new Object() 定义一个对象。并通过 对象.属性名 创建属性,并为属性赋值。
注意:new Object() 中的 new 关键字可以省略。
var obj = new Object(); //也可简写成 var obj = Object();
obj.name = "hh"; //为 obj 对象指定 name 属性,同时为该属性赋值为 hh。
alert(obj.age);
{} 形式
直接通过 {} 定义一个对象。相较于第一种方式,该种方式最为常用。
此种方法时,可以在 {} 内部以 属性名:属性值 形式定义属性。其中属性名可以加引号,也可以不加。
{} 内部定义属性时,各个属性之间通过逗号隔开。
-
还可以通过 点语句 定义属性。
var obj = { name:"fdafa", //直接定义属性 'age':20 //属性之间通过逗号隔开,属性名可以加引号,也可以不加 }; obj.sex="男"; //也可以通过 点 语句定义属性。 alert(obj.name+obj.age+obj.sex);
-
可以使用该种方式向一个函数中传递大量的参数。如普通方式
function test(name,age,address,love){ // do sth } test("name","age","address","love");
调用 test 方法时,传递的参数顺序必须与定义时一致,否则会出现参数混乱。可按下面方式修改:
function test(obj){ alert(obj.name); // 使用时通过对象的属性进行引用。 alert(obj.love) } test({ name:"name", age:'age', address:'address', love:'love' }); // 传递一个匿名对象,将各个要传递的值通过属性值传递到方法中
这样在传参时,只需要传递一个匿名对象,而且定义对象属性时也非常的明了。
属性引用
有两种方式:
通过 点语句 引用指定的属性。
-
以数组的形式引用,[] 中必须是字符串。
var obj = { name:"fdafa", }; obj.sex="男"; alert(obj.name+obj['sex']); //加号前通过点语句引用,加号后是通过数组形式引用
-
通过数组形式引用时,[] 中可以是变量,只不过在操作时,[] 中存在的是变量的值。
var obj = { name:"fdafa-", }; var p = 'name' alert(obj.name+obj[p]);
虽然写的是 obj[p] ,但由于 p 是一个变量,其值为 'name',所以 obj[p] 完全等同于 obj['name']。
这种写法结合 for in 语句可以完全遍历一个对象中的所有属性。
var obj = { name:"fdafa", age:10 }; for(var p in obj){ alert(p +"="+obj[p]); }
定义方法
方法名也是一个普通属性,它跟普通属性的定义方式一样。唯一区别在于:使用一个函数为该变量进行赋值。
-
将方法名当作一个普通的变量对待。
var obj = { run:function(){ return "run is obj.fun"; } // run 是一个普通变量,用一个方法为其赋值,那么 run 就表示一个方法 'test':function () { return "test"; } // 跟属性定义时一样,test 也可以加引号,也可以不加 }; alert(obj.run()); var o2 = new Object(); o2.run = function(){ return "run is o2.function" } // 通过 点语句 定义一个方法 alert(o2.run())
删除属性
通过 delete 属性名 删除指定的属性。
var obj ={
name:'fdsa'
}
alert(obj.name)
delete obj.name; //删除掉 obj 对象中的 name 属性
alert(obj.name);
实现 private 与 public 功能
在构造函数中,通过 this 定义的属性或方法,是 public 的,外界可以直接使用。而通过 var 定义的属性或方法却是在外界无法访问到。利用该特性,可以实现 getter 与 setter 类似的功能。
function Demo(){
var age;
this.setAge = function(age){
this.age = age;
}
this.getAge = function(){
return this.age;
}
}
var d = new Demo()
d.setAge('aaa')
console.log(d.getAge())
外界对 age 的操作只能通过 getAge 和 setAge 进行。类似于 java bean 里面的 setter 与 getter 方法。
实现静态属性
所谓的静态属性就是所有对象共享的属性,一个对象修改了该属性的值,另一个对象的值也会随之改变。
(function(){
var user
Demo = function(value){ // Demo 前没有加 var,表示一个全局变量
user = value;
Demo.prototype.getUser = function() {
return user
};
}
})()
var d = new Demo('first')
console.log(d.getUser())
var d2 = new Demo('second')
console.log(d.getUser())
都使用 d 对象进行输出,第一次输出 first,第二次输出 second。
由于 user 是匿名函数中的属性,所以每一次 new Demo() 时传递的值便会被共享。
constructor
每一个对象都有 constructor 属性,它指向该对象的构造函数。
js 中没有类,普通函数与 new 关键字联合使用时,普通函数会转为构造函数,同时系统会创建一个该构造函数的实例对象。
function Demo(){
}
var d = new Demo() // 与 new 关键字一起使用,Demo 便是一个构造函数,而 d 是该构造函数对应的实例
alert(d.constructor == Demo) // true