0146 JavaScript创建对象的三种方式 之 new Object

Posted Keep going

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了0146 JavaScript创建对象的三种方式 之 new Object相关的知识,希望对你有一定的参考价值。

  • 创建空对象

    var andy = new Obect();

    通过内置构造函数Object创建对象,此时andy变量已经保存了创建出来的空对象

  • 给空对象添加属性和方法

    • 通过对象操作属性和方法的方式,来为对象增加属性和方法

      示例代码如下:

    andy.name = '啊哈';
    andy.age = 18;
    andy.sex = '男';
    andy.sayHi = function(){
        alert('大家好啊~');
    }

    注意:

    • Object() :第一个字母大写
    • new Object() :需要 new 关键字
    • 使用的格式:对象.属性 = 值;
        // 利用 new Object 创建对象
        // (1) 我们是利用 等号 = 赋值的方法 添加对象的属性和方法
        // (2) 每个属性和方法之间用 分号结束
        var obj = new Object(); // 创建了一个空的对象
        obj.uname = '张三疯';
        obj.age = 18;
        obj.sex = '男';
        obj.sayHi = function() {
            console.log('hi~');
        }

        console.log(obj.uname);
        console.log(obj['sex']);
        obj.sayHi();

以上是关于0146 JavaScript创建对象的三种方式 之 new Object的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript创建函数的三种方式

0145 JavaScript创建对象的三种方式 之 字面量:创建,访问对象的属性&方法,变量属性函数方法总结

0147 JavaScript创建对象的三种方式 之 构造函数

js创建对象的三种方式

javascript实现继承的三种方式

JavaScript实现接口的三种经典方式