zoukankan      html  css  js  c++  java
  • 详细剖析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
    }
    
  • 相关阅读:
    smb 共享文件夹
    php nginx 配置
    mysql 存储过程
    ubuntu 源码下载分析
    rust 小米R3G官方rom(openwrt) openssl
    rust 配置
    mac 制作树莓派3b启动盘
    小米R2D
    golang 配置
    golang pprof操作流程
  • 原文地址:https://www.cnblogs.com/fitzlovecode/p/jsadvanced2.html
Copyright © 2011-2022 走看看