使用JavaScript进行面向对象开发 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

原始对象

我们都知道面向对象中最重要的环节是封装。JavaScript提供了定义一个原始对象的方法,详细代码请见右侧示例:

示例中我们发现,通过构建一个Object实例,我们可以为该实例手动添加任何成员,可以是字符、数字、布尔甚至于一个方法,定义的方式,即可以用实例名.成员名 = 内容,也可以使用实例名["成员名"] = 内容

    worker.isWorking = false;        //通过明确的属性名添加成员

    var str = "phone";
    worker[str] = 13800000000;    //通过不明确的属性名添加成员(str可变,因此不明确)

    var phone = worker.phone;    //通过不明确添加的成员,可以进行明确的访问;也可以通过不明确的方式访问明确的成员。
    var name = worker["name"];

从上面的代码我们可以发现,明确访问成员和不明确访问成员,二者的效果是一样。


另外,JavaScript也提供了更快捷的定义一个原始对象的方法:

    var worker = {
        name : "John",
        age : 30,
        isWorking : false,
        startWork : function(){
            if(!this.isWorking){
                this.isWorking = true;
            }
        }
    };

通过上面的方法,我们可以定义一个对象,将对象上的属性定义后便完成了封装的工作。之后,我们只需要调用对象上的成员,就可以相应的操作了。