Cocos－Js准备(四)－面向对象

在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方法部分浏览器不支持