JavaScript对象的创建方式有几种？怎么用？

JavaScript对象的创建方式有几种？怎么用？对象是JavaScript的基本数据类型，对象不仅是字符串到值的映射还保持自有属性，JavaScript对象可以从一个称为原型的对象继承属性，对象的方法通常是继承的属性。

学习目标：能够知道JavaScript对象有两种创建方式

1. JavaScript对象是什么？

JavaScript中的所有事物都是对象：字符串、数值、数组、函数等都可以认为是对象，此外JavaScript 允许自定义对象对象可以拥有属性和方法。

2. JavaScript创建对象操作

创建自定义javascript对象有两种方式:

（1）通过顶级Object类型来实例化一个对象

（2）通过对象字面量创建一个对象

Object类创建对象的示例代码:

<script>
    var person = new Object();

    // 添加属性：
    person.name = 'tom';
    person.age = '25';

    // 添加方法：
    person.sayName = function(){
        alert(this.name);
    }

    // 调用属性和方法：
    alert(person.age);
    person.sayName();
</script>

对象字面量创建对象的示例代码:

<script>
    var person2 = {
        name:'Rose',
        age: 18,
        sayName:function(){
            alert('My name is' + this.name);
        }
    }

    // 调用属性和方法：
    alert(person2.age);
    person2.sayName();
</script>

说明:调用属性和方法的操作都是通过点语法的方式来完成，对象的创建推荐使用字面量方式，因为更加简单。

3. 小结

创建自定义javascript对象有两种方式:Object和字面量。

Web前端必学的JS入门教程，零基础JavaScript入门