摘要：下面我们来使用面向对象类图这里就不再画了首先面试题中所提到的我们都可以看成类，比如停车场是一个类吧，它里面的车位是一个类吧，摄像头，屏幕。。。
以下是某场的一道面试题(大概):
1、一个停车场，车辆入场时，摄像头记录下车辆信息
2、屏幕上显示所接收的车辆的信息情况(车牌号)以及各层车位的车位余量
3、停车场一共四层车位，其中的三层都为普通车位，还有一层为特殊车位(体现在停车计费价格上面的不同)
看到第一个条件的时候，我大概知道了这道题考察的应该是面向对象相关的，三个条件看完后以及基本确认了。
说到这里，简单地说一下面向对象，至于什么是面向对象我这里就不多说了，每个人也都有自己不同的理解，包括它的三要素(封装、继承、多态)。
简单地说一下为什么我们要面向对象,为什么要使用面向对象？说一下我的理解
先抛开面向对象，首先计算机的 程序执行 无非就是 顺序、判断、循环 我们现在所有用到的语言包括c、java、php... 没有其它的， 如js中的 if...else, switch...case...就是判断，for，while就是循环，也包括一些遍历、递归也都是基于这三种方式！我们每天所产出的代码，所有的这些都是通过顺序、判断和循环这三个方式都能轻松搞定，没有第四种方式，为什么呢？因为我们通过这三种方式来解决就实现了一个结构化的问题，也就是我们通过这三个就能满足所有的需求，也就不需要第四个了这样的化对我们的程序就已经结构化了，对于编译器也能很高效的执行、解析这些东西， 外插一嘴，goto语句其实就是游离在这三个之外，会导致程序、逻辑的混乱，很少有用基本被淘汰了，不能说他因为效率低，它的效率可能会很高，但是因为脱离了结构化，所以至少在业务代码上我们极少使用它。
说到这里，也就是程勋执行我们都简化成 这个结构，而面向对象也让我们的数据也简化了即结构化(这句话也不是我说的，而是ruby语言的作者)，书里说了，面向对象是为了模拟、表示事件得万物，比如人、鸟类、到具体服务员类，有具体行为的类。其实js里面向对象意义根本不拘泥于此，书上的只是为了让我们好入门好学习而已，它的意义是将零散的数据进行结构化。计算机有个毛病，结构化的程序对于它来说是最简单的！
简单解释一下，我们浏览器加载网页加载的是什么？是流,流是什么呢？其实就是字符串，虽然我们看到之后是html，css，js代码,但是代码不就是字符串嘛，那我们字符串怎么办，浏览器拿到字符串首先就是dom节点的解析然后生成生成渲染树（渲染树与dom树不同的地方在于，dom树会把所有的dom节点都展示出来，渲染树只会展示display非none的元素),都是一步步顺序执行的。
相比来说，程序也是如此了，如果我们的程序中充满了散乱的数据,那我们还怎么按照结构化的要求去操作呢？比如说，通过人做一个对象，人有外貌，行为，状态(吃、传、喝、高矮胖瘦)这么多东西可以集成在一个对象中来操作，但是如果没有面向对象，这些特征，行为也就散乱了，一旦散乱了以后还怎么管理，并且这只是一个人，就有这么多东西，再来十个，一百个，再来只狗类呢？我们的程序就成了一盘散沙了，当然这些只是举例子，具体业务还要拿来具体分析。所以面向对象不仅符合计算机所喜爱的结构化，还能让我们管理起来，维护起来，都符合结构化。
再引用双越老师的一句话：编程就应该简单&抽象。
有一篇小说里面有一段话我觉得还蛮有意思的，早期的人们之所以没有设计出来计算机，就是因为他们想的不够简单，而不是不够复杂，其实计算机很简单，不就是0和1吗。
所有说我们编程，设计时候要做到 结构化，简单+抽象，抽象完之后才能简单，简单的前提是我们应该抽象好，我认为这就是我们为什么要面向对象最主要的原因，我们之所以面向对象编程就是因为它可以抽象，可以扩展。而不是面向具体，可能这些话对于初学前端的来说不好理解，但是随着你工作时间的提升，相信很快就会理解的。
**回到面试题，我们来分析**
这个面试题，如果我们没有面向对象，面向抽象的概念， 那我们应该很快就能拿起键盘了，一个停车场，三个普通车位，一个豪华车位，一个摄像头，一个大屏幕显示器，各种各样的车，可能我们很快就能做完，‘设计完’，毕竟面向具体是真的很简单，要求什么我就做什么。。。
不过说回来，如果面试官再让你减一个车位或者增加两个豪华车位，加两个摄像头？如果按照我们之前的来写，简单。。。改一下不就行了，加一个豪华车位，加两个摄像头。。。其实到这里想必已经凉凉了。
下面我们来使用面向对象
类图这里就不再画了
首先面试题中所提到的我们都可以看成类，比如停车场是一个类吧，它里面的车位是一个类吧，摄像头，屏幕。。。我们都可以看做是类
停车场，有层位，有摄像头，屏幕，所以我们先来创建一个停车场，这一类
class Park {
constructor () {
}
}
停车场有层位，层位里面有若干车位
class Floor {
constructor (num, places) {
this.num = num
this.places = places
}
}
车位也归为一类，车位有自己的状态，有车，无车
class Place {
constructor () {
this.empty = true
}
}
车位分为普通车位，豪华车位，但是不论是普通还是豪华，他们也都有自己的状态，有车，无车，所以我们直接让这两个类继承车位类
普通车位
class NormalPlace extends Place{
constructor () {
super()
}
}
豪华车位
class SpecialPlace extends Place{
constructor () {
super()
}
}
摄像头
class Camera {
constructor () {
}
}
电脑，可以记录所有车的数据
class Computer {
constructor () {
this.symbols = {}
}
}
// 屏幕
class Screen {
}
这样一看我们所有类都创建完了，差的是来分析他们的行为，状态，联系，这里不再多做分析。只举一个简单的例子，然后上完整代码
停车场, 有层 摄像图 屏幕，有出入车时所发生的行为
class Park {
constructor (floors) {
this.floors = floors
this.camera = new Camera()
this.screen = new Screen()
}
in (car) {
}
out (car) {
}
}
我自己写了一个简单的demo，当然也没有考虑得特别细致
***完整代码***
收入 0 元
代码可以直接粘贴到html里，直接运行打开，大家只要看各个类之间的联系就可以，具体到行为的逻辑代码只是怎么简单想怎么写就怎么写的，当然也有没考虑全面的，比如各个车位的价格应该也是动态的，为了赶时间，好多东西我都直接定死了。
抽象好了之后，这样不论是增加减少变更价钱我们都可以灵活地处理，每个类最基础的行为和方法几乎是不变得，我们只需要变容易变得抽象起来，封装起来。之后， 就变得‘简单’
欢迎一起探讨，大家共同进步！
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/114753.html
摘要：想必面试题刷的多的同学对下面这道题目不陌生，能够立即回答出输出个，可是你真的懂为什么吗为什么是输出为什么是输出个这两个问题在我脑边萦绕。同步任务都好理解，一个执行完执行下一个。本文只是我对这道面试题的一点思考，有误的地方望批评指正。 想必面试题刷的多的同学对下面这道题目不陌生，能够立即回答出输出10个10，可是你真的懂为什么吗？为什么是输出10？为什么是输出10个10？这两个问题在我脑...
摘要：直接开始题目是厉害了说句实话开发中谁写成这样保证会被打死。不过面试就是面试，有面试官的考量点。官方是这么说的。结果完美，不过小姐姐的意思是数组的方法会自动触发数组的。 直接开始题目是 if(a==1 && a==2 && a==3){ alert(厉害了) } 说句实话开发中谁写成这样保证会被打死。 不过面试就是面试，有面试官的考量点。 我理解的点有两个 1、隐式类型转换 先说...
摘要：另一个问题，就是我下面要提及的作用域问题，我当时思考的时间太久了这是回忆中的面试题实际略有差异，不纠结了说一下脚本的运行结果引用错误中给出的错误提示。 版权声明：此文首发于我的简书账号人生还有多少个二十年，转载请注明出处。 此处有几百字唠叨： 当天，我早早起床，跨越上百公里，高德导航，路人指点，跌跌撞撞到达招聘会现场，当时已是中午十二点半，吃了午餐（半瓶白开水），开始准备投递...
摘要：首先，我先去上搜索了的定义运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。 今天看到一道面试题，如下，问: 实例化 Person 过程中，Person返回什么（或者 p 等于什么）？ function Person(name) { this.name = name return name; } let p = new Person(Tom); 说实...
摘要：由虚拟机生成并抛出，，属于系统内部错误或者资源耗尽等严重情况，属于需要担负的责任，这一类异常事件是无法恢复或者不可能捕获的，将导致应用程序中断，但是自定义是可以捕获的。 题目 showImg(http://img-storage.qiniudn.com/15-9-22/50608386.jpg); 答案：D 分析 Java 异常的结构体系 showImg(http://img-stor...
阅读 607·2021-10-09 09:58
阅读 531·2021-08-27 16:24
阅读 1596·2019-08-30 14:15
阅读 2265·2019-08-30 11:04
阅读 1941·2019-08-29 18:43
阅读 2062·2019-08-29 15:20
阅读 2486·2019-08-26 12:20
阅读 1491·2019-08-26 11:44
