• 《JavaScript高级程序设计》


    5.1 Object 类型

    对象是引用类型的实例。引用类型是一种数据结构,用于将数据和功能组织在一起。

    新对象是使用new操作符后跟一个构造函数来创建的。构造函数本身就是一个函数,只不过该函数是出于创建新对象的目的而定义的。
    示例1:

    1 var person = new Object();

    分析:这行代码创建了Object引用类型的一个新实例,然后把该实例保存在了变量person中。使用的构造函数是Object,它为新对象定义了默认的属性和方法。

    Object类型是ECMAScript中使用最多的类型。对于在应用程序中存储和传输数据而言,它确实是非常理想的选择。

    创建Object实例有两种方法,一个是new Object()的方法,另一种是使用对象字面值表示法。
    示例2:使用对象字面值来创建person对象

    1 var person = {
    2   name : "Nicholas",
    3   age : 29
    4 };

    使用对象字面值的好处在于简化创建包含大量属性的对象的过程。

    在使用对象字面值时,属性名也可以使用字符串。
    示例3:

    1 var person = {
    2   "name" : "Nicholas",
    3   "age" : 29,
    4   5 : true
    5 };

    分析:person对象包含三个属性:name、age和5。数值属性名会自动转换为字符串。

    在使用对象字面值时,如果花括号内为空,则可以定义只包含默认属性和方法的对象。
    示例4:

    1 var person = {}; // 与 new Object()相同

    开发人员更青睐于使用对象字面值来创建对象,因为这种语法要求的代码量少,而且能够给人封装数据的感觉。
    实际上,对象字面值也是向函数传递大量参数的首选方式。
    示例5:向函数传递参数

     1 function displayInfo(args){
     2   var output = "";
     3   if(typeof args.name == "string"){
     4     output += "Name: " + args.name + "
    ";
     5 }
     6 
     7   if(typeof args.age == "number"){
     8     output += "Age: " + args.age + "
    ";
     9 }
    10 }
    11 
    12 displayInfo({
    13   name: "Nicholas",
    14   age : 29
    15 });
    16 
    17 displayInfo({name : 29});

    分析:函数接受一个名为args的参数。这个参数可能带有一个名为name或age的属性,也可能两个属性都有或者都没有。这里调用了两次函数,每次都是用对象字面值来指定不同的数据。虽然两次调用传递的参数不同,但函数都能正常工作。

    一般来说,命名参数虽然容易处理,但在有多个可选参数的情况下就会显得不灵活。最好的做法是对那些必需值使用命名参数,而使用对象字面值来封装多个可选参数。

    访问对象属性一般用点表示法,但在JavaScript中也可以使用方括号表示法。
    在使用方括号表示法时,应该将要访问的属性以字符串的形式放在方括号中。
    示例6:

    1 alert(person["name"]);
    2 alert(person.name);

    从功能上看,这两种方式没有区别,但方括号语法的主要优点是可以通过变量来访问属性。
    示例7:通过变量来访问对象属性

    1 var myName = "name";
    2 alert(person[myName]);

    如果属性名中包括会导致语法错误的字符串,或者属性名为关键字,也可以使用方括号表示法。
    示例8:

    1 person["first name"] = "Nicholas";

    分析:由于"first name"中包含一个空格,所以不能使用点表示法来访问它。

    由于属性名中是可以包含非字母非数字的,这时就需要方括号表示法来访问它们。

    通常,除非必须使用变量来访问属性,否则建议使用点表示法。

  • 相关阅读:
    Linux基本常用知识整理
    uva488 Triangle Wave
    uva 10300 Ecological Premium
    Silverlight知识链接整理(11月12月)
    关于微软高校“创新之旅”活动—郑州大学站公告
    心动的Silverlight5
    Silverlight图片处理——Deep Zoom Composer
    微软高校“创新之旅”巡回活动郑州大学站圆满落幕
    Silverlight之Button控件简单自定义
    Silverlight之工具箱使用1
  • 原文地址:https://www.cnblogs.com/feiffy/p/5709105.html
Copyright © 2020-2023  润新知