JavaScript笔记：面向对象基础知识点

最新推荐文章于 2023-12-05 19:29:59 发布

袁成新（Chauncey Yuan）

最新推荐文章于 2023-12-05 19:29:59 发布

阅读量152

点赞数

分类专栏： JavaScript学习文章标签： js 面向对象

本文链接：https://blog.csdn.net/weixin_43666825/article/details/99241129

版权

JavaScript学习专栏收录该内容

17 篇文章 2 订阅

订阅专栏

定义

一种编程思想，在程序里面用对象来描述现实中的一个具体的事务

对象

封装了一个事务的属性和功能的程序结构

本质

js中一切对象的底层都是关联数组
每个属性名和方法名都是关联数组中的元素value
每个属性值和方法都是关联数组中的key

使用面向对象的的原因

和现实中人的思维方式非常接近，便于大程序的维护

面向对象的三大特征

封装

将一个具体事务的属性和功能集中在一个对象中
只要使用了面向对象，都要先将事务的属性和功能封装到一个对象中，在反复使用对象的功能
事务的属性：会变成对象的属性
事务的功能：会变成对象的方法

创建自定义对象的方式（封装）

1、使用对象的直接量

var student = {
	stuName: "ycx",
	stuAge: 23,
	stuSex: "male",
	stuBirth: "19960716",
	introduce: function() {
		document.write("my name is " + this.stuName + ", i am a " + this.stuAge + "-year-old boy");
	},
}

2、使用new关键字
在创建对象时，不知道对象的成员

3、构造函数
（1）定义构造函数
（2）用new调用构造函数
①创建新的空对象
②用new创建子对象时，会自动设置子对象的__proto__继承构造函数的prototype
③用新对象去调用构造函数
a、new的功能将构造函数中的this指向新对象
b、向新对象中添加构造函数规定的属性
c、将属性参数的值，保存到新对象的新属性中
④将新对象的地址保存在变量

function Individuals(name, age) {
	this.name = name;
	this.age = age;
}
Individuals.prototype.introduce = function() {
	console.log("My name is " + this.name + ", I am a " + this.age + "-year-old person.");
}