0.前言
以前和大家分享的都是JavaScript的基础,现在就和大家分享的是比较有难度的知识点——对象。注意啊各位广大单身狗们,你们的福利来了,没有对象的人,现在可以“new”出来一个了。嘻嘻(o)/~
1.面向对象编程思想简介
不管是学习何种语言,都会学习到面向对象,当然c语言是面向过程的,这无疑加大了程序员的工作量,而且不利于维护。但是面向对象,则显得方便快捷,大大提高了程序员的工作效率。那么JavaScript的面向对象有事如何呢?我们一起来了解一下。
(1)什么是面向对象?
①把数据及对数据的操作方法放在一起,作为一个相互依存的整体——对象。
②对同类对象抽象出其共性,形成类。
③类中的大多数数据,只能用本类的方法进行处理。
④类通过一个简单的外部接口与外界发生关系,对象与对象之间通过消息进行通信。
⑤程序流程由用户在使用中决定。
(2)理解面向对象
①面向对象是相对面向过程而言
②面向对象和面向过程都是一种思想
③面向过程
强调的是功能行为
关注的是解决问题需要哪些步骤
④面向对象
将功能封装进对象,强调具备了功能的对象
关注的是解决问题需要哪些对象
⑤面向对象是基于面向过程的。
(3)面向对象的四大特性
多态性、 继承性、 抽象性、 封装性
(4)软件编程的实质
软件编程就是将我们的思维转变成计算机能够识别语言的一个过程。
注意:面试的过程可能会被提到哦!!!
案例如图
从图中我们可以看到,要实现把大象关冰箱用面向过程和面向对象两种思想的事项方法。
面向过程:如果用面向过程的方法实现的话,就是“自己”,注意是“自己”去把冰箱门打开,然后“自己”把大象装进冰箱,最后还是“自己”把把冰箱门关上。从始至终都是自己一个完成的。
面向对象:就是“自己”去找一个人,注意是“去找一个人”让它去把冰箱门打开、把大象装进冰箱、把冰箱门关上。从始至终都是“自己”去命令别人去做的,自己没有动手完成。至于这个人是怎么完成的我们不用去关心,只要你能找到能把大象关进冰箱的这个人就行了。这就是面向对象的思想。
可以总结出:面向过程时“自己”是执行者,面向对象时“自己”是指挥者。
(5)面向的对象的特点
①是一种符合人们思考习惯的思想
②可以将复杂的事情简单化
③将程序员从执行者转换成了指挥者
④完成需求时:
先要去找具有所需的功能的对象来用。
如果该对象不存在,那么创建一个具有所需功能的对象。
(6)JS中的面向对象(重点)
(1)Javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类),注意是基于对象的语言,是一种弱类型语言
(2)对象:属性与方法的集合
2.字面量方式创建对象并访问属性和方法
属性:是一个字符串。
方法:是一个功能或者方法或者函数。
(1)字面量法创建对象,空对象
var obj1 = {};
console.log(obj1);
console.log(typeof obj1);
结果:
(2)字面量法创建对象,非空对象
var girlFriend = {
//添加属性
//冒号左侧是属性名 冒号右侧是对应的属性值
name: "铁锤妹妹",
// "name": "二雷",
// 'name': "二雷",
// 以上写法都是可以的,一般我们不建议给属性名加引号。但是以下几种情况必须加引号
// 1、当属性名是JS中的保留字时必须加引号
// 2、当属性名中存在空格或者其他特殊字符串时必须加引号
// 3、当属性民以数字开头时必须加引号
// "good man": 100,
// "%^&!": "no zuo no die",
// "1abc": "sha",
height: 165,
weight:55,
age: 25,
//行为
eat: function(){
console.log("吃");
},
run: function(){
console.log("跑");
},
//带参数行为
sleep: function(hours) {
console.log("睡" + hours + "个小时");
},
//
say: function(){
console.log("身高:" + girlFriend.height);
//在对象内部,this代表当前对象本身
console.log("年龄:" + this.age);
},
};
结果:
(3)访问对象的属性(属性值)
公式一:对象名["属性名"]
console.log(girlFriend["name"]);
结果:
公式二:对象名 . 属性名,也叫点语法
console.log(girlFriend.height);
结果:
(4)修改属性值
girlFriend.weight = 180;
console.log(girlFriend);
结果:
(5)访问功能(函数)
公式一:对象名["功能属性名"](参数列表)
girlFriend["eat"]();
公式二:对象名 . 功能属性名(参数列表)
girlFriend.run();
girlFriend.sleep(10);
girlFriend.say();
(6)动态给对象添加属性
注意:后期添加的属性,在这之前使用该对象也会有当前添加的属性
girlFriend.faceValue = 100;
console.log(girlFriend);
结果:
(7)动态给对象添加方法
girlFriend.play = function(){
console.log("玩");
};
girlFriend.play();
(8)动态删除对象属性
delete girlFriend.weight;
console.log(girlFriend.weight);
结果:
(9)动态删除对象行为
delete girlFriend.eat;
girlFriend.eat();
结果:
因为删除了eat()函数,所以才会报错,提示eat不是一个函数。
3.总结
今天就先介绍这一种方法吧,累死我了,本人已“事”,有事烧纸!!!!
转载来处 紫荆峰