在JavaScript中的所有事物都是对象:字符串、数值、数组、函数。。。此外,JavaScript中允许自定义对象
对象只是带有属性和方法的特殊数据类型
1、访问对象的属性:
objectName.propertyName;
eg:
var message = "Hello world";
var l = message.length;
//输出 12
2、访问对象的方法
objectName.methodName();
eg:
var message = "Hello World";
var str = message.toUpperCase();
console.log(str)
//输出 HELLO WORLD
3、创建JavaScript对象
两种方法定义并创建自己的对象
1、定义并创建对象的实例
2、使用函数定义对象,然后创建新的对象的实例
----------------------------------------
创建直接的实例:
eg:
person = new Object();
person.name = "bill";
person.id = 0;
person.age = 56;
替代语法:
person = {
name: "bill",
id: 0,
age: 55
};
-----------------------------------------
使用对象构造器
eg:
function person(name,id,age)
{
this.name = name;
this.id = id;
this.age = age;
}
var people = new person("bill",0,50);
------------------------------------------
4、给对象添加属性
假设person已经存在,可以通过下面的形式添加新属性
person.eyecolor = "blue"
5、给对象添加方法
构造器内添加方法
function person(name,id,age)
{
this.name = name;
this.id = id;
this.age = age;
this.setName = function (name1) {
this.name = name1;
};
}
构造器外添加方法,此时对象已经存在
function person(name,id,age)
{
this.name = name;
this.id = id;
this.age = age
}
var p = new person("zhang",0,10);
p.setName = function (name1) {
this.name = name1;
};
p.setName(20);
console.log(p.name);
6、getter方法
//对象内定义getter方法
var obj = {
get test(){
return "使用obj.test 调用到此语句";
}
}
console.log(obj.test);
//对象外定义getter方法
var obj = {}
Object.defineProperty(obj,"test",{get: function () {
return "使用obj.test调用到此句"
}});
console.log(obj.test);
//删除getter方法
delete obj.test;
//注意:
1、在对象字面量中,同一个属性不能有两个get,也不能既有get又有属性键值对,
2、必需不带参数
7、setter 方法
//对象内定义setter
var obj = {
set X(x){
console.log("setter");
this.x = x;
},
get X(){
console.log("getter");
return this.x;
}
}
obj.X = 10;
console.log(obj.X);
//对象外定义setter
var obj = {};
Object.defineProperty(obj,"A",{set: function(a){
this.a = a;
}})
Object.defineProperty(obj,"A",{get: function(){
return this.a;
}})
obj.a = 20;
console.log(obj.a);
//注意:
1、必需又一个明确的参数
2、同一个对像中,不能为一个已有真实值的变量使用set,也不能设置多个set
以上getter,setter方法部分浏览器不支持