Js对象个人总结

前端小吕学习语言第三天-Js对象个人总结

JavaScript

js对象

1. 对象：一组无序的相关属性和方法的集合，对象由属性（事物的特征）和方法（事物的行为）组成 ，利用js对象表达结构更清晰，更强大。

2. 创建对象的三种方式:

   （1）利用对象字面量创建对象

   var obj = {
   	uname:'张三丰'，
   	age:18,
   	sex:'男',
   	sayHi:function (){
   		console.log('hi~');
   	}
   }
   

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

   • 多个属性或者方法中间用逗号隔开的

   • 方法冒号后面跟得是一个匿名属性

   使用对象：调用对象的属性，我们采用 对象名.属性名

   ​ 调用对象的属性，也可以是对象名[‘属性名’]

   ​ 调用对象的方法，也可以是对象名.方法名（）

   （2）利用new Object创建对象

   var obj = new Object();  //创建了一个空的对象
   obj.uname = '张三丰';
   obj.age = 18;
   obj.sex = '男';
   obj.sayHi = function(){
   	console.log(Hi~);
   }
   

   • 我们是利用等号赋值的方法，添加对象的属性和方法；
   • 每个属性和方法之间用分号结束；调用方法和创建对象方法一相同
   • 注意new后的object首字母大写

   （3）利用构造函数创建对象:可一次创建多个对象，避免对象里很多属性和方法重复

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

   function 构造函数名(){
   	this.属性 = 值;
   	this.方法 = function(){}
   }
   new 构造函数名();
   

   • 构造函数名字首字母要大写
   • 构造函数不需要return就可以返回结果
   • 我们调用构造函数必须使用new
   • 我们只要new Star（）调用函数就创建一个对象ldh{}
   • 我们的属性和方法前面必须添加this。

3. 变量、属性、函数、方法的区别

   变量和属性相同点：他们都是用来存储数据的

   变量，单独声明并赋值，使用的时候直接写变量名单独存在；属性，在对象里的不需要声明，使用的时候必须是对象.属性

   函数和方法的相同点：他们都是实现某种功能，做某件事

   函数是单独声明，并且调用的时候应该是函数名（），单独存在的；方法，在对象里面，调用的时候 对象.方法（）

4. 构造函数，泛指的某一大类，他类似于java语言里的类（class）

   对象特指是一个具体的事物

   我们利用构造函数创建对象的过程我们也称为是对象的实例化

5. new关键字的执行过程

   1. new构造函数可以在内存中创建一个空的对象
   2. this就指向刚才创建的空对象
   3. 执行构造函数里面的代码，给这个空对象添加属性和方法
   4. 返回这个对象

6. 遍历对象属性（for in）

   1. 书写格式

      for(变量 in 对象){}
      

      • 我们使用for in里面的变量，我们喜欢写k 或者 key(同之前for循环习惯用i一样)

THE END

• 网课听的B站pink老师的JS基础语法，有什么不对的地方欢迎各位大佬前来批评指正哇