js面向对象怎么理解
<一>、
认识对象。首先要认识对象:在编程中,对象(object)是具体的某一个实例,唯一的某一个个体。如:电脑就是一个统称,而你面前的这一台电脑就是对象。而电脑的统称在编程中叫做类,概念就是:具有一类相同特征事物的抽象概念。在js中只有对象的概念。没有类的概念,在ECMA6中必须加回来。
对象的语法:(创建对象)
var obj1 = new Object();
var obj2 = Object();
var obj3 = {};
<二>、
在js中面向对象的编程思想是什么呢?直接将生活逻辑映射到我们的编程中。1.分析应用题里的实体。2.分析实体的属性和性能。3.实体之间相互作用得出结果。
<三>、
对象:既可以存储数据,又可以存储函数的结构。
<四>、
用面向对象创建一个人的方法:
var person = new Object();
person.name = "blue";
person.sex = "男";
person.showName = function(){
alert("我的名字叫:" + this.name);
}
person.showSex = function(){
alert("我的性别是" + this.sex + "的");
}
一下是封装函数创造一个人,也叫作使用new构造函数(本质上是构造对象),在JS中的构造函数充当的角色是类的存在。
function createPerson(name, sex){
var obj = new Object();
obj.name = name;
obj.sex = sex;
obj.showName = function(){
alert("我的名字叫" + this.name);
}
obj.showSex = function(){
alert("我的性别是" + this.sex + "的");
}
return obj;
}
var p1 = createPerson("blue", "男");
<五>、
继承和多态。在JS中一切皆对象。
继承:从父一级继承到的属性和方法。
1. 原型链继承 继承方法
for(funcName in Person.prototype){
Worker.prototype[funcName] = Person.prototype[funcName];
}
在任何函数上都有一个叫做prototype原型的属性,他是一个对象,如果我们将函数添加给某一个可以创建对象的函数的原型prototype,该函数共享。
2.Object.create 根据原对象,生成一个新对象
Worker.prototype = Object.create(Person.prototype);
3、直接通过调用构造函数继承
worker.prototype = new Person();
多态:我自己拓展和重写的属性和方法。
function Person(name, sex){
this.name = name;
this.sex = sex;
}
Person.prototype.showName = function(){
alert(`我的名字是:` + this.name);
}
Person.prototype.showSex = function(){
alert(`我的性别是:` + this.sex);
}
function Worker(name, sex, job){
Person.call(this, name, sex);
this.job = job;
}
Worker.prototype.showJob = function(){
alert(`我的工作是` + this.job);
}
var w1 = new Worker("red", "女", "画家");
w1.showName();
w1.showSex();
w1.showJob();
<六>、
满足继承、封装、多态的特点叫做面向对象。
理解起来就是:面向对象是一种编程思想,而我们要进行面向对象编程,就必须用到类(ECMA6之前,没有类,用构造函数充当类的存在)和对象语法实现,最终实现的面向对象的代码,拥有继承封装多态的特点。