美文网首页
js引用类型1:object类型

js引用类型1:object类型

作者: 大小伍 | 来源:发表于2017-12-15 11:01 被阅读0次

1. object类型

1.1 创建方式

  • 第一种是使用new 操作符后跟Object 构造函数
let person = new Object();
person.name = "Nicholas";
person.age = 29;
  • 第二种是 对象字面量 表示法
let person = {
    name : "Nicholas",
    age : 29
};

在使用对象字面量语法时,属性名也可以使用字符串,如下面这个例子所示:

let person = {
    "name" : "Nicholas",
    "age" : 29,
    5 : true
};

另外,使用对象字面量语法时,如果留空其花括号,则可以定义只包含默认属性和方法的对象,如下所示:

let person = {}; //与new Object()相同
person.name = "Nicholas";
person.age = 29;

注意:age作为对象的最后一个属性,不能添加逗号,,会在IE7 及更早版本和
Opera 中导致错误。(不过现在高版本浏览器已经不存在这个问题,出于保险和严谨起见,建议不加逗号)

1.2参数

function displayInfo(args) {
    var output = "";
    if (typeof args.name == "string"){
        output += "Name: " + args.name + "\n";
    }
    if (typeof args.age == "number") {
        output += "Age: " + args.age + "\n";
    }
    alert(output);
}
displayInfo({
    name: "Nicholas",
    age: 29
});
displayInfo({
    name: "Greg"
});

这种传递参数的模式最适合需要向函数传入大量可选参数的情形。一般来讲,命名参数虽然容易处理,但在有多个可选参数的情况下就会显示不够灵活。最好的做法是对那些必需值使用命名参数,而使用对象字面量来封装多个可选参数。

  • console.log(person["name"]); //"Nicholas"(提供这种思路)
  • console.log(person.name); //"Nicholas"

相关文章

  • js引用类型1:object类型

    1. object类型 1.1 创建方式 第一种是使用new 操作符后跟Object 构造函数 第二种是 对象字面...

  • 引用类型之「对象/数组」

    # 引用类型种类 JS中引用类型有:(1) 对象:Object(2)数组:Array(3)日期:Date(4)正则...

  • Object

    什么是 Object Object 是JS数据类型中的 引用数据类型。 而创建引用类型的变量时会先在堆内存中开辟空...

  • 第5章 引用类型

    对象在js中被称为引用类型的值,而且有一些内置的引用类型可以用来创建特定的对象: 一、引用类型 1.Object ...

  • 面试题记录

    面试题1 js中基础类型和引用类型有哪些,怎么判断(typeof, instaceof, Object.proto...

  • JavaScript基础三

    1、引用类型有哪些?非引用类型有哪些 引用类型:Object非引用类型:number string null ...

  • javascript高级程序设计读书笔记(三)

    引用类型 NO.1 Object类型 最常用的引用类型是Object类型创建Object实例的两种方法:方法一:n...

  • 引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些 引用类型: 对象 object 数组 函数 正则非引用类型...

  • 引用类型与对象拷贝

    1.引用类型有哪些?非引用类型有哪些引用类型:Object / Array / Function / Date /...

  • 引用类型对象拷贝

    1.引用类型有哪些?非引用类型有哪些 引用类型有对象(object)、数组([])、函数(function)、正则...

网友评论

      本文标题:js引用类型1:object类型

      本文链接:https://www.haomeiwen.com/subject/zwvrwxtx.html