js的面向对象（封装、继承、多态）

最新推荐文章于 2024-04-08 09:59:43 发布

flybirding10011

最新推荐文章于 2024-04-08 09:59:43 发布

阅读量366

点赞数

面向对象

1).对象：万物皆对象
2).对象包含：属性和方法、用变量描述属性、用函数来描述方法

一、 js封装、继承、多态的定义

1.1 封装：通俗的来说。就是封装函数，通过私有化的变量和私有化的方法，不让外部访问到。

1.2 继承：简约来说可分为两种：1).通过原型prototype对象实例化实现此类的继承。2).直接实例化对象复制，完全复制父类对象

1.3 多态：多态就是通过对传递的参数判断来执行逻辑，即可实现一种多态处理机制

二、构造对象的五种方法。

1.自定义对象（不适合批量创建对象）

//创建学生对象，年龄、姓名、学号、年级属性  思考，考试方法

var stu=new Object();//创建对象实例(创建学生对象)
//添加属性
stu.no='10001';
stu.name='Tom';
stu.age=20;
stu.grade='大一';

//添加方法
stu.think=function(){
	console.log(stu.name+'思考中....');
};

//添加考试方法
stu.test=function(){
	console.log(stu.name+'考试中');
};

//访问对象
console.log(stu.no,stu.name,stu.age,stu.grade);
//访问方法
stu.think();
stu.test();


//在创建一个学生对象
var stu1=new Object();
//添加属性
stu1.name='Jack';
stu1.age=21;
stu1.grade='大二';
stu1.no='2001';
//添加方法
stu1.think=function(){
	console.log(stu1.name+'思考中....');
};
stu1.test=function(){
	console.log(stu1.name+'考试中');
};

stu1.think();
stu1.test();

2. 工厂模式创建关键对象

优点：可以快速的创建对象，避免了大量重复性代码
缺点：为每个对象都添加了功能，慧造成内存浪费

function createStudent(name,age){
	var obj=new Object();
	//添加属性
	obj._name=name;
	obj._age=age;
	//添加方法
	obj.walk=function(){
		console.log(this._name+'在走路');
	};
	return obj;//返回对象
}

var stu1=createStudent('Jack',30);
console.log(stu1._name,stu1._age);
stu1.walk();//

//在创建学生对象
var stu2=createStudent('Tom',39);
console.log(stu2._name,stu2._age);
stu2.walk();

console.log(stu1.walk==stu2.walk);//false

3. 构造函数创建对象

构造函数被调用的时候，系统做了两件事情：
1.new Object
2.将创建的对象返回
缺点：为每个对象都生成了方法,内存浪费

`
function Studnet(name,age,grade){
this.name=name;
this.age=age;
this.grade=grade;

    this.test=function(){
        console.log(this.name+'is test');
    };
}

//利用构造函数造对象
var stu1=new Studnet('Tom',25,'二年级');
console.log(stu1.name,stu1.age,stu1.grade);
stu1.test();

var stu2=new Studnet('Jack',28,'三年级');
console.log(stu2.name,stu2.age,stu2.grade);
stu2.test();

console.log(stu1.test==stu2.test);//false