JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript对象字面量

在JavaScript中,可以通过类的实例化来创建对象,也可以使用 对象字面量 直接创建对象。

在编程语言中,字面量是一种表示值的记法,例如,"Hello, World!" 在许多语言中都表示一个字符串字面量(string literal )。JavaScript也不例外,如5、true、false和null,它们分别表示一个整数、两个布尔值和一个空对象。

JavaScript 支持对象字面量,允许使用一种简洁而可读的记法来创建对象。

对象字面量是一个 名/值 对列表,每个 名/值 对之间用逗号分隔,最后用一个大括号括起来。名/值对 表示对象的一个属性或方法,名和值之间用冒号分隔。

例如:
var  myCar={
        "price" : "$10,000" ,   // 属性
        "color" : "red" ,   // 属性
        "run" : function(){ return " 120 km/h "; }   // 方法
    }
var myHome={
        population : "10,000" ,
        area : "10,000" ,
        adress : {  // 属性
                country : "China" ,
                province : "shanxi" ,
                city : "xian"
            },
        say : function(){  // 方法
                return "My hometown is very beautiful ! ";
            }
    }


【例5-3】创建一个zhangsan对象:
var zhangsan={
    name : "张三",
    sex : "男",
    say:function(){
        return "嗨!大家好,我来了。";
    },
    contact : {
        tel : "029-81895644",
        qq : "1370753465",
        email : "itxueyuan@gmail.com"
    }
}
alert("姓名:"+zhangsan.name);
alert("性别:"+zhangsan.sex);
alert(zhangsan.say());
alert("电话:"+zhangsan.contact.tel);
alert("QQ:"+zhangsan.contact.qq);
alert("邮箱:"+zhangsan.contact.email);

实例演示:

点击这里进行演示


可以看出来:
  • 使用对象字面量可以创建单个对象,语义直观。
  • 对象字面量可以嵌套。

对象字面量也可以先创建,再添加属性和方法。

上面的zhangsan对象,也可以这样来创建:
var zhangsan={}
zhangsan.name = "张三";
zhangsan.sex = "男";
zhangsan.say = function(){
        return "嗨!大家好,我来了。";
    }
zhangsan.contact = {
    tel : "029-81895644",
    qq : "1370753465",
    email : "itxueyuan@gmail.com"
}