JavaScript对象创建方法，逻辑理解，终于万物皆对象的思想渗透前端

对象

什么是对象呢，你的男/女朋友当然算，一个人可以是”对象”。现实生活中：万物皆对象，对象是一个具体的事物，看得见摸得着的实物。例如，一本书、一辆汽车、一个数据库、一张网页、一个与远程服务器的连接也可以是“对象”。

它在JavaScripte中的定义:对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

对象是由属性和方法组成的。

属性：事物的特征，在对象中用属性来表示（常用名词）
方法：事物的行为，在对象中用方法来表示（常用动词）
属性：是自身携带的。
方法：必须发出动作了才有。侧重于行为

为什么需要对象？

保存一个值，我们用变量

保存一组值我们用数组。

那如果保存一个人的完整信息呢？

例如：将小明的个人信息保存数组中

var arr = [‘小明’, ‘男’, 128，‘180cm’,‘90kg’];

JS 中的对象表达结构更清晰，更强大

//小明的个人信息在对象中的表达person.name ='小明';person.sex='男';person.age=128;person.height=154;

创建对象的三种方式

1.在JavaScript中，现阶段我们可以采用三种方式创建对象(object):

利用 new Object 创建对象
利用字面量创建对象

利用构造函数创建对象—es5没有类的概念，用函数模拟类 es6 有类的概念

//2. 增删改查
(1)增
对象.属性名=属性值;
对象[属性名]=属性值; 如果属性名是变量一定是用中括号，不能用. ****

对象.方法名=function(){}(2) 改对象.属性名=新属性值;对象[属性名]=新属性值;（3） 删 delete对象.属性名 （4）查-获取console.log(对象.属性名)let v= 对象.属性名; console.log(v) (5)遍历for...in 没有lengthfor(let key in obj){ console.log(key);//属性名 console.log(obj[key])// 值 *****}

//1. new Objectlet obj=new Object();//空对象 {}obj={};console.log(obj);//操作对象//（1）增属性 和方法obj.name ='小陈';obj.sex='女';obj.age='18'//除了用.还有其他方式obj['sno']='1001';obj[123]='789';obj['#aa'] = 'hello';let a = 'nice';obj[a] = '大家好'console.log(obj);//{name: '小陈', sex: '女', age: 18};//Object() ：第一个字母大写//new Object() ：需要 new 关键字//使用的格式：对象.属性 = 值;//(2) obj.name = '雒士涛';obj['age']=20;console.log(obj);//（3）删delete obj.age;console.log(obj);//（4）查（获取）console.log(obj.name,obj.gender,obj['no'],obj[a]);// 调用方法obj.say();obj.walk();// (5)遍历for infor(let key in obj){console.log(key,obj[key]);}

//2.字面量创建对象， let obj={name:'晶晶',age:18,genger:'女',email:'jj@163.com',['#hello']:'hello',playGame:function(){ console.log(this.name +' is playGaming~~~');},test:function(){console.log(this.name +' is testing~~~');}}console.log(obj);、//采用键值对 // 键：相当于属性名//值：相当于属性值，可以是任意类型的值（数字类型、字符串类型、布尔类型，函数类型等）//请用对象字面量的形式创建一个名字为可可的狗对象。具体信息如下：// 姓名：可可// 类型(type)：阿拉斯加犬// 年龄：5岁，// 颜色：棕红色。// 技能：汪汪汪(bark)，演电影(showFilm) let kekeDog={ name:'可可', type:'阿拉斯加犬', age:'5岁', color:'棕红色', bark:function(){console.log(this.name+'的技能是汪汪汪~~~'); }, showFilm:function(){console.log(this.name+'的技能是演电影'); } } console.log(kekeDog.name,kekeDog.type); kekeDog.bark() console.log(kekeDog instanceof Object);//true

变量、属性、函数、方法总结

变量：单独声明赋值，单独存在
属性：对象里面的变量称为属性，不需要声明，用来描述该对象的特征
函数：单独存在的，通过“函数名()”的方式就可以调用
方法：对象里面的函数称为方法，方法不需要声明，使用“对象.方法名()”的方式就可以调用，方法用来描述该对象的行为和功能。

利用构造函数创建对象(常用)

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

在 js 中，使用构造函数要时要注意以下两点：

构造函数用于创建某一类对象，其首字母要大写

构造函数要和 new 一起使用才有意义

functionPerson(name,age,sex){this.name=name;this.age=age;this.sex=sex;this.sayHi=function(){alert('我的名字叫：'+this.name+'，年龄：'+this.age+'，性别：'+this.sex);}} letbigbai=newPerson('大白',100,'男'); letsmallbai=newPerson('小白',21,'男'); console.log(bigbai.name); console.log(smallbai.name);

注意

构造函数约定首字母大写。
函数内的属性和方法前面需要添加 this ，表示当前对象的属性和方法。
构造函数中不需要 return 返回结果。
当我们创建对象的时候，必须用new 来调用构造函数。

new关键字–面试

在内存中创建一个新的空对象。
让 this 指向这个新的对象。
执行构造函数里面的代码，给这个新对象添加属性和方法。
返回这个新对象（所以构造函数里面不需要return）。

遍历对象属性

for…in 语句用于对数组或者对象的属性进行循环操作。

其语法如下：

for(变量in对象名字){//在此执行代码}//语法中的变量是自定义的，它需要符合命名规范，通常我们会将这个变量写为k或者key。for(letkeyinobj){console.log(key);//这里的k是属性名console.log(obj[key]);//这里的obj[k]是属性值 }

JavaScript对象创建方法，逻辑理解，终于万物皆对象的思想渗透前端