资讯专栏INFORMATION COLUMN

【3】JavaScript 基础深入——对象

CoderBear / 1857人阅读

摘要:基础深入对象什么是对象多个数据的封装体用来保存多个数据的容器一个对象代表现实中的一个事务为什么要用对象统一管理多个数据对象的组成属性属性名字符串,但是在写的时候可以不加引号属性值任意方法一种特别的属性,属性值是函数如何访问对象内部数据属性名

JavaScript 基础深入——对象 什么是对象?

多个数据的封装体

用来保存多个数据的容器

一个对象代表现实中的一个事务

为什么要用对象?

统一管理多个数据

对象的组成

属性

属性名:字符串,但是在写的时候可以不加引号" "

属性值:任意

方法:一种特别的属性,属性值是函数

如何访问对象内部数据?

.属性名:编码简单,有时不能用

["属性名"]:编码麻烦,能通用

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"])
什么时候必须使用["属性名"]的方式?

属性名包含特殊字符: -,空格

属性名不能确定

var p = {}
//1. 给p对象添加一个属性: content type: text/json
// p.content-type = "text/json" //不能用
p["content-type"] = "text/json"
console.log(p["content-type"])

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/104078.html

相关文章

  • 【1】JavaScript 基础深入——数据类型深入理解与总结

    摘要:类型的实例首先要理解的含义是例子的意思,实际上是判断是否是的一个实例。 数据类型深入理解 数据类型分类 基本(值)类型(5种) String:任意字符串 Number:任意的数字 boolean:true/false null:null undefined:undefined 对象(引用)类型(3种) Object:任意对象 Array:一种特别的对象(数值下...

    since1986 评论0 收藏0
  • 【2】JavaScript 基础深入——数据、变量、内存

    摘要:个引用变量指向同一个对象,让其中一个引用变量指向另一个对象,另一个变量依然指向前一个对象。 JavaScript 基础深入——数据、变量、内存 什么是数据? 存储在内存中代表特定信息的,本质上是0100101..... 数据的特点:可传递、可运算 一切皆数据 内存中所有操作的目标:数据 算术运算 逻辑运算 赋值运算 运行函数 什么是内存? 内存条通电后产生的可储存数据的空...

    rubyshen 评论0 收藏0
  • 【4】JavaScript 基础深入——函数、回调函数、IIFE、理解this

    摘要:基础深入函数函数基础什么是函数实现特定功能的条语句的封装体只有函数是可以执行的,其它类型的数据不能执行为什么要用函数提高代码复用便于阅读交流如何定义函数函数声明表达式函数声明表达式如何调用执行函数直接调用通过对象调用调用临时让成为的方法进行 JavaScript 基础深入——函数 函数基础 什么是函数? 实现特定功能的 n 条语句的封装体 只有函数是可以执行的,其它类型的数据不能执行...

    rollback 评论0 收藏0
  • 【进阶1-3期】JavaScript深入之内存空间详细图解

    摘要:进阶期理解中的执行上下文和执行栈进阶期深入之执行上下文栈和变量对象但是今天补充一个知识点某些情况下,调用堆栈中函数调用的数量超出了调用堆栈的实际大小,浏览器会抛出一个错误终止运行。 (关注福利,关注本公众号回复[资料]领取优质前端视频,包括Vue、React、Node源码和实战、面试指导) 本周正式开始前端进阶的第一期,本周的主题是调用堆栈,今天是第3天。 本计划一共28期,每期重点攻...

    coordinate35 评论0 收藏0
  • [ 学习路线 ] 学完这些去阿里!GOGOGO

    摘要:以下知识点是前辈师兄总结基础语义化标签引进了一些新的标签,特别注意等,注意的标题结构理解浏览器解析的过程,理解的树形结构,及相应理解标签在各个浏览器上的默认样式代理样式,理解中的重置样式表的概念理解等功能性标签理解标签,理解文件提交过程推荐 以下知识点是前辈师兄总结 1、HTML/HTML5基础: 1.0、语义化H5标签1.1、H5引进了一些新的标签,特别注意article...

    zhaochunqi 评论0 收藏0

发表评论

0条评论

CoderBear

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<