发布时间:2023-02-12 文章分类:编程知识 投稿人:李佳 字号: 默认 | | 超大 打印

一.概念介绍

首先,要明白对象是单个实物的抽象对象是一个容器,封装了属性和方法,而面向对象是相对于面向过程来说的,面向对象的好处就是可抽象,封装和可重用性,同时还提供了多态、继承等非常有用的特性。

1.创建对象

一般来说,在js中构建对象有以下几种方式。

(1)利用字面量创建对象

对象字面量:就是花括号{ }里面包含了表达这个具体事物(对象)的属性和方法。var obj ={ };{ }里面采用键值对的形式表示
键:相当于属性名
值:相当于属性值,可以是任意类型的值(数字类型、字符串类型、布尔类型、函数类型)

例如:注意函数类型的值的写法

<script>
  var obj = {
uname: '张三丰',
age: 19,
sex: '男',
sayHi: function () {
console.log('hi~');
}
  }
</script>

(2)构造函数介绍---见。

(3)原型链

(4)类class----见ES6新特性篇

(5)利用object创建对象

语法:let obj = new Object();

new是一个运算符,和±*/一样是一个运算符 , 表示新创建一个对象

由于我们是使用系统默认的类创建的对象, 所以系统不知道我们想要什么属性和行为, 所以我们必须手动的添加我们想要的属性和行为

给一个对象添加属性 : 对象名称.属性名称 = 值;

给一个对象添加行为 : 对象名称.行为名称 = 函数;

js对象的理解

2.new的过程干了哪些事情

new 在执行时会做四件事情:

  1. 在内存中创建一个新的空对象。

  2. 让 this 指向这个新的对象。

  3. 执行构造函数里面的代码,给这个新对象添加属性和方法。

  4. 返回这个新对象(所以构造函数里面不需要return)。

3.静态成员和实例成员

● 成员:就是指属性、方法的统称
● 静态成员是指:由构造函数直接调用的属性、方法叫静态成员,不能通过对象访问
● 实例成员是指:由构造函数创建出来对象才能调用的属性和方法就叫实例成员,在构造函数内部通过this添加的成员。
● 实例化: 创建一个对象,也可以叫实例化一个对象

js对象的理解

uname age sing 就是实例成员,可以通过实例来访问:console.log(ldh.uname);

假如我们在构造函数本身上添加的成员 sex ,也就是添加一个静态成员:Star.sex = '男'; 则,静态成员只能通过构造函数来访问:console.log(Star.sex);

基于此,了解到虽然构造函数挺不错的,但是存在一个严重的内存浪费的问题,当我们使用构造函数创建多个实例的时候,如果这个函数里面有多个静态成员的函数,那么我们每一次创建实例对象,构造函数下的方法都会重新开辟一个内存空间去存放这些方法。

但是明明这些方法都是一个构造函数里面的,干嘛要这么麻烦,还要占用内存,所以出现了原型。