javascript对象

1.对象

1.1对象的概念

对象是属性和方法的集合

1.2对象的优点

使结构表达更清晰,更强大

2.创建对象的三种方式

2.1利用字面量创建对象

2.1.1代码示例

<script>
// 利用字面量创建对象
 let obj = {
   uname : '可可' ,
   age : '女' ,
   soft : function() {
    console.log('抱抱');
  }

 }
</script>

2.1.2注意点

里面的属性或者方法采用键值对的形式;

多个属性或方法之间用逗号隔开

方法冒号后面跟的是一个匿名函数

3.调用对象

3.1调用对象的属性及其方法

3.1.1示例

<script>
 let obj = {
  
    name : '可可' ,
    age : '女' ,
    sfot : function() {
    console .log ('抱抱');
  }

  }

</script>

obj. name       // 调用属性 方法1
obj['age']      // 调用属性 方法2
obj. sfot()     // 调用方法    方法名后面不要忘记添加小括号

4.变量 , 属性 , 函数 , 方法的区别

4.1变量和属性的区别

4.1.1相同点 

都是用来存储数据的

示例

<script>
 let num = 10;   // 变量

 let obj = {     // 对象
  age: 18        // 对象里面的属性
}

</script>

4.1.2不同点

变量 : 单独声明并赋值 ,使用时直接写变量名 ,单独存在

属性 : 在对象里面 ,不需要声明 . 使用时: 对象名.属性名

4.2函数和方法的区别

4.2.1相同点

都是实现某种功能

示例

<script>

 function fn() {     // 空函数

};
 
 fn()      // 调用函数

 let obj = {        // 对象

fn: function () {  // 对象里面的方法

  }

};

 obj.fn()   // 调用方法    方法名后面不要忘记加小括号哟
</script>

4.2.2不同点

函数 : 单独声明. 单独存在 . 调用 : 函数名()

方法 : 在对象里面 . 调用 : 对象名.方法()

5.利用 new Object 创建对象

5.1 示例

<script>

 let obj = new Object() ;    // 创建了一个空对象

 obj. uname = '可可';        // 添加属性

 obj.sayHi = function() {    // 添加方法

};

</script>

5.1.1注意点

利用等号赋值的方法,添加属性和方法 ;

每个属性和方法之间用分号结束 ;

6.利用构造函数创建对象

6.1 概念

把对象里面一些相同的属性和方法抽象出来封装到函数里面

6.2示例

<script>

 function Start(uname, sex, age) {    // 创建构造函数

   this.name = uname ;        // 添加属性

   this.sex = sex ;

   this.age = age ;

   this.sing = function() {  // 添加方法

}

}

let zs = new Start('可可' , '18' , '女');   // 调用函数

 console.log(zs.name);  // 调用属性

 zs.sing();            // 调用方法

6.3注意点

1.构造函数名首字母大写 (规范);

2.构造函数不需要return就能返回结果;

3.构造函数必须使用 new ;

4.只要 new Start调用函数就是创建了一个对象

5.属性和方法前面必须加 tthis

6.4构造函数和对象的区别

6.4.1对象

指具体的事务

6.4.2构造函数

泛指的某一大类

6.5利用 for in遍历对象

6.5.1示例

<script>

  let obj = {     // 创建对象
   
   name: '可可',

   age: 18 ,
  
   sex: '女'

}

for(let k in obj) {   // 遍历对象

   console.log(k);
}

 // k : 输出   得到的是属性名

// console.log(obj[k])   输出属性值

</script>