学习 JavaScript （八） 引用类型之 Object

在JavaScript中，引用类型是一种数据结构。包括对象（Obejct）、数组（Array）、日期（Date）、正则表达式(RegExp)、函数(Function)、基本包装类型（new Boolean、new Number、new String，注意：和基本类型不太相同）、单体内置对象（Global、Math）

今天先来学习以下 Obejct。

Ojbect

对象是某个特定引用类型的示例。用以下代码生成：

let person = new Object()

新生成对象的过程就是为新对象定义了默认的属性和方法。引用类型的值不止Object，比如Array也是引用类型，只不过大多数引用类型值都是Object的实例，Object在我们的平常使用中最频繁。

创建Object实例有两种方式：

1. 使用new操作符：

let person = new Object()
person.name = "kurry"
person.age = 24

2. 对象字面量表示法：

let person ={
    name:"kurry",
    age:24
}

// 如果置空

let person = {}; // 与new Object() 作用一样，为实例添加默认属性和方法

注意：在IE7及以前版本的浏览器，还有Opera浏览器中，字面量表示法最后一个属性不能加逗号“，”，否则会报错。

对象字面量也可以用于，向函数传递大量可选参数，而必需的参数直接使用命名参数。比如：

function displayFunc(name, args){
    let output = ""
    if(name){
        output += "Name:" + name + "
"
        
        if(typeof args.age == "number"){
            output += "Age:" + args.age + "
" 
        }
        
        if(typeof arg.height == "Number"){
            output += "Height:" + args.height + "
"
        }
        
        alert(output)
    }else{
        alert("你没有输入名字")
    }
}

displayFunc("kurry", {name: 24, height:175}); 

displayFunc("kurry", {name: 24})

displayFunc("kurry", {})

访问对象的属性时可以用「点表示法」，也可以用「方括号表示法」。后者的优势在于可以使用变量来访问属性，这些变量可以包含空格、关键字或者保留字。比如：

// 方括号表示法：
let arg = "name"
person[arg]; // 等价于person["name"]

// 点表示法
person.name;

如果没有特殊情况，推荐使用点表示法。

---

欢迎大家关注微信公众号：可视化技术（ visteacher ）

不仅有前端和可视化，还有算法、源码分析、书籍相送

个人网站：http://blog.kurryluo.com

各个分享平台的 KurryLuo 都是在下。

用心学习，认真生活，努力工作！