详细剖析js中的object对象

目录

• 对象的详细剖析
  • 什么是对象
  • 为什么要使用对象
  • 对象的组成
  • 对象中属性与方法的访问方式

对象的详细剖析

什么是对象

多对变量名与变量值组成的集合

var obj = {
    name: 'Fitz',
    age: 20
}

为什么要使用对象

更好的管理相关联的多组数据

// 使用对象管理 学生Fitz的个人信息
var Fitz = {
    name: 'Fitz',
    age: 21,
    major: 'E-commerce'
}

// 如果不是用对象,而是在全局作用域中直接申明,就会导致难以弄清数据间的联系
var name = 'Lx'
var age = 21
var major = 'International commerce'

对象的组成

• 属性
• 方法

方法是特殊的一种属性,特殊之处在于它的属性值是函数

// 对象的组成
var obj = {
    name: 'Fitz',   // obj对象中的属性
    wantToFindJob: function () {    // obj对象中的方法
        console.log('Fitz想找到前端的工作')
    }
}

对象中属性与方法的访问方式

.访问,这种方式编码简单,能够简洁、快速的获取对象中的属性

var person = {
    name: 'Fitz',
    sayHello () {
        console.log('hello')
    }
}

console.log(person.name)    //'Fitz'
person.sayHello()           // 'hello'

[]访问,这种方式能够适应任何场景下,访问属性的需求
注意: 如果属性名是一个变量或者是特殊变量名如:content-type,则必须要通过[]的方式来获得属性值

var person = {
    name: 'Fitz',
    age: 21
}

console.log(person['age'])  // 21

for (let i in obj){
    console.log(person[i])  // 'Fitz'  21
}