JS对象总结(一)

什么是对象

真实存在的事物,或者真正执行的操作(唯物主义)
一颗NBA篮球
一杯水是对象
老李的女朋友
昨天我和欧文打了一场篮球

对象 是按照 类 制作出来的,实例化的过程(实现,个例)

什么叫做类

事物名称的称呼,或者是没有实现的操作(唯心主义)
篮球

女朋友
计划去打一场篮球

类 是由 对象 抽象总结而来的,抽象化的过程(抽出,现象)

而JS中所有的数据都是对象(是基于对象的语言)。
万能对象:可以制作任何一种对象(类只作了万能对象)。所有其他对象都是使用万能对象创建的。

JS中存在两种对象:
     用于创建其他对象的对象,称之为对象原型
     被创造出来的新对象,称之为对象实例

JS中对象原型和对象实例.png


对象的操作

对象的本质:就是数据和功能的集合。
高内聚:关联高的内容放在一起。
低耦合:关联低的内容放在不同的对象。

对象{
    特征: 变量
       有头发
       有手
       有脚
    功能:函数
       可以吃饭
       可以逛街
       可以打游戏
}

新建一个对象

<script>
  //只能创建一个空对象
  var obj = new Object();  //Object是最底层的对象原型->原子
  //有了对象才能添加内容
  obj.name = 'reusdong',
  obj.age = '18',
  obj.sex = '男',
  obj.eat = function(){
    alert('吃吃吃饭')
  }
  //检测数据类型和值
  console.log(obj, typeof obj)


  //创建对象-对象字面量方式(专业格式)
  var dong = {
    //特征(成员属性)用变量表示
    sex: '男',
    age: '18',
    name: 'reusdong',
    //功能(成员方法)用函数表示
    eat:function() {
      alert("吃吃吃")
    },
    cry:function(){
      alert("哭哭哭")
    }
  }; //默认采用Obiect对象原型制作对象
  //检测数据类型和值
  console.log(obj, typeof obj)
 
  //使用对象成员
  console.log(obj.name);
  //调用函数
  obj.eat(); 

  //修改成员
  obj.age = 28;
  obj.eat = function(){
    alert("吃什么吃")
  }

  //删除对象成员
  delete obj.eat;
  delete obj.eat;
</script>

成员遍历

//遍历对象
  for(var i in dong){
    console.log(i) //只有成员名
    console.log(i, dong[i]) //对象[i]的方式获取对象的值
  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。