JavaScript中的 对象基础、对象原型、面向对象编程基本概念和类

对象基础

创建一个简单的 对象

那么   person  就是对象，一个空的对象

在 JavaScript控制台（在浏览器中按下 F12 打开的开发者工具）输入 person 按下  回车即可得到以下结果中的一种

下面我们可以给他加上一些属性和方法

name  和  age  就是person对象的  属性，bio和introduceSelf就是person对象的 方法

点表示法

点表示发就是通过  .  +  属性名  或  .  + 方法名   的格式访问对象的属性值或者  执行对象中的方法

子命名空间

可以用一个对象来做另一个对象成员的值

原对象  person

可以改为

区别就是  访问时不同

原 先得访问方法  

后面的方法

括号表示法

在这个对象中，也可以使用括号访问法

括号表示法的用处可以用在  对象属性（name 或是 age） 存在 变量（propertyName）中使用

例如

设置对象成员

点表示法  和 括号表示法  可以用来设置 对象成员的值 或 增加对象成员

例如，对象存在  age属性

那么

就是设置 对象成员的值

如果对象中不 存在 eyes属性和 farewell方法

那么

就是增加对象成员，增加了  eyes属性和farewell方法

“this”的含义

在上面的 两个对象中，this代表的值不同，在 person1 中 

this.name  ===  person1.name

在person2中 

this.name  === person2.name

那为什么不直接用  person1 和person2呢，干嘛要用this呀，这就要讲到 对象中的构造函数

构造函数

我们希望有一种方法可以创建任意多个对象，只要更新不同属性的值

方法一：用一个函数

每次调用函数createPerson  都会 创建并返回一个新对象

但是这样，我们就必须创建一个空对象，初始化它，并返回它，就有点冗长，更好的方法就是使用构造函数

构造函数只是使用  new 关键字调用的函数

对象原型

面向对象编程基本概念

类

本文内容用于帮助需要的人，来自mdn上的内容和自己的理解，有需要可以去mdn上去学习

JavaScript 对象基础 - 学习 Web 开发 | MDN (mozilla.org)