day3 对象

最新推荐文章于 2024-09-14 18:52:56 发布

cdwywysj

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量45

点赞数

文章标签： typescript javascript 前端

本文链接：https://blog.csdn.net/cdwywysj/article/details/123103129

版权

本文介绍了对象的基本概念，包括其作为数据封装的载体，代表现实世界的事物。探讨了使用对象的统一管理优势，并详细讲解了对象的属性和方法。通过实例展示了如何访问对象内部数据，以及何时选择使用属性名或方括号访问。最后，讨论了特殊情况下使用方括号[]的情况，如属性名包含字符限制或不确定时。

摘要由CSDN通过智能技术生成

1.什么是对象
*对象是多个数据的封装体
**用来保存数据的容器
*一个对象代表现实的一个事物
2.为什么要使用对象
*统一管理多个数据
3.对象的组成
*属性：属性名和属性值
*方法：一种特别的属性（属性值是函数）
4.如何访问对象内部的数据
.属性名:编码简单，有时不能使用
[‘属性名’]：编码麻烦，能通用

<script type="text/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'])



</script>
</body>
</html>

5.什么时候使用[‘属性名’]？
*属性名包含 - 或者空格
*属性名不确定

<script type="text/javascript">
  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 //不能用   此处是要将myage=18存进对象p中，如果这样写的话是把propNamne=18写进了p中
  p[propName] = value
  console.log(p[propName])


</script>
</body>
</html>