JavaScript之对象详解（基础）

对象

• 概念：在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象

• 对象是一个复杂数据类型

• 是存储了一些基本数据类型的一个集合

• 对象是由：

  • 属性：事物的特征，在对象中用属性来表示（常用名词）
  • 方法：事物的行为，在对象中用方法来表示（常用动词）

  var obj = {
    num: 100,
    str: 'hello world',
    boo: true
  }
  

• 这里的 {} 和函数中的 {} 不一样

• 这里的花括号 { } 里面包含了表达这个具体事物（对象）的属性和方法。

• 函数里面的是写代码的，而对象里面是写一些数据的

• 对象就是一个键值对的集合

• 键：相当于属性名

• 值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）

创建一个对象

• 字面量的方式创建一个对象

  // 创建一个空对象
  var obj = {}
  
  // 向对象中添加成员
  obj.name = 'lisa'
  obj.age = 25
  

• 内置构造函数的方式创建对象

  // 创建一个空对象
  var obj = new Object()
  
  // 向对象中添加成员
  obj.name = 'Roseanne'
  obj.age = 25
  

  • Object 是 js 内置给我们的构造函数，用于创建一个对象使用的

• 利用构造函数创建对象

• 构造函数 ：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与 new 运算符一起 使用。我们可以把对象中一些公共的属性和方法抽取出来，然后封装到这个函数里面。 在 js 中，使用构造函数要时要注意以下两点：

  • 构造函数用于创建某一类对象，其首字母要大写
  • 构造函数要和 new 一起使用才有意义

  function Person(name, age, sex) {
   this.name = name;
   this.age = age;
   this.sex = sex;
   this.sayHi = function() {
   alert('我的名字叫：' + this.name + '，年龄：' + this.age + '，性别：' + this.sex);
   }
  }
  var rou = new Person('朴彩英', 25, '女');
  var lili = new Person('lisa', 25, '女');
  console.log(rou.name);
  console.log(lili.name);
  

对象的调用

对象的调用

• 对象里面的属性调用 : 对象.属性名，这个小点 . 就理解为“ 的 ”

• 对象里面属性的另一种调用方式 : 对象[‘属性名’]，注意方括号里面的属性必须加引号

• 对象里面的方法调用：对象.方法名() ，注意这个方法名字后面一定加括号

  // 调用名字属性
  console.log(star.name) 
  console.log(star['name'])  
  // 调用名字属性 star.sayHi() 
  // 调用 sayHi 方法,注意，一定不要忘记带后面的括号
  

对象的增删改

//名.属性='值'
//增  没有的属性会增加  有的会重新赋值更改
rou.song='gone'
//改
rou.name='朴彩英'
//删
delet rou.xingge