美文网首页
JS 对象理解

JS 对象理解

作者: zhangjingbibibi | 来源:发表于2018-05-04 11:10 被阅读0次

简单梳理一下对象的意义:

  • 什么是对象?
    • 多个数据的封装体
    • 用来保存多个数据的容器
    • 一个对象代表现实中的一个事物
  • 为什么要用对象?
    • 统一管理多个数据
  • 对象的组成
    • 属性:属性名(字符串)和属性值(任意)组成
    • 方法:一种特别的属性(属性值是函数)
  • 如何访问对象内部数据?
    • .属性名:编码简单,有时不能用

简单代码演示:

  var p = {
    name: 'Tom',
    age: 12,
    setName: function (name) {
      this.name = name
    },
    setAge: function (age) {
      this.age = age
    }
  }

  p.setName('Bob')
  p['setAge'](23)
  console.log(p.name, p['age'])
  • 问题:什么时候必须使用'属性名'的方式?
    • 1.属性名包含特殊字符:- 空格
    • 2.属性名不确定
  var p = {}
  //1. 给p对象添加一个属性: content type: text/json
  // p.content-type = 'text/json' //不能用
  p['content-type'] = 'text/json'
  console.log(p['content-type'])
//输出:text/json

  //2. 属性名不确定
  var propName = 'myAge'
  var value = 18
  // p.propName = value //不能用
  p[propName] = value
  console.log(p[propName])
//输出:18

相关文章

  • JS面向对象精要(二)_函数

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(三)_理解对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(四)_构造函数和原型对象

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS面向对象精要(五)_继承

    JS面向对象精要(一)_原始类型和引用类型JS面向对象精要(二)_函数JS面向对象精要(三)_理解对象JS面向对象...

  • JS 对象理解

    简单梳理一下对象的意义: 什么是对象?多个数据的封装体用来保存多个数据的容器一个对象代表现实中的一个事物 为什么要...

  • 面试题的总结与解答

    1,js中this指向的理解 在js面向对象编程里我们避免不了使用this,所以理解this指向对于在面向对象编程...

  • java基础-day59-Jquery

    jQuery入门 1)了解jQuery的背景和特点2)理解js对象和jQuery对象的区别 4)js对象和jQue...

  • JavaScript 面向对象的程序设计

    理解 JS 的对象 在 JS 中,对象被定义为——“无序属性的集合,其属性可以包含基本值、对象或函数。“ 我们可以...

  • 廖雪峰JS小记

    (function(){})() 原型,原型链 浅谈Js原型的理解JS 原型与原型链终极详解 对象 对象:一种无序...

  • JS补充7

    一.什么是js对象 1.简单理解js对象 在了解原型链之前,我们先要弄清楚什么是JavaScript的对象,Jav...

网友评论

      本文标题:JS 对象理解

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