JavaScript面向对象轻松入门之概述(demo by ES5、ES6、TypeScript)

标签：活性收藏网页编程分析转化使用知识点类型

写在前面的话

　　这是一个JavaScript面向对象系列的文章，本篇文章主要讲概述，介绍面向对象，后面计划还会有5篇文章，讲抽象、封装、继承、多态，最后再来一个综合。

　　说实话，写JavaScript面向对象的文章实在是太多了，网上一搜一大堆，很多书里面也介绍的很详细。但作者当初在学习面向对象的时候还是非常困难，特别是在习惯了面向过程编程的情况下，不知道大家有没有这个感受。

　　作者分析了一下其中的原因，恐怕是因为里面涉及的概念太多：原型、原型链、继承、this、constructor、call等等，这些都是要了解的。一介绍起来就像是拔出萝卜带出一大堆泥，知识点之间耦合度太高，一点都不符合面向对象封装的特点。

　　所以作者在这一系列的文章中不准备介绍上面的这些概念，只会说这些东西在这里有什么用。作者会假定读者对这些概念一无所知，并且也不奢求读者读完这些文章后就对面向对象有非常深入的了解。

　　这一系列的文章的定位就是quickstart，介绍JavaScript面向对象最常用的东西，让读者读完之后就能立马上手，仿照里面的demo写出面向对象风格的代码，等用的多了再回头去深入学习其中的原理，我相信这时候会容易的多。

　　想了解更多？抱歉，看书去吧，《JavaScript高级程序设计》《JavaScript权威指南》里面讲的比作者详细多了，单继承方式《JavaScript高级程序设计》中就讲了5种。

什么是面向对象(OOP)？

　　在作者看来，狭义的面向对象是一种编程方式，采用了抽象、封装、继承、多态这些设计方法，把难以读懂的代码抽象成一个个对象，增强代码的可读性、可靠性、可拓展性，是人们对编程经验的总结。

　　推及到广义上，面向对象已经越了程序设计和软件开发，作者认为面向对象又是一种思维方式，不局限于编程语言，甚至不局限编程本身，它把复杂的需求、业务逻辑抽丝剥茧、逐个分析。

　　这一系列的文章作者会尝试用一些面向对象的思想去写，是不是很酷？

为什么要用面向对象这种编程方式？

　　最初没有面向对象这个概念的时候，人们是按照计算机思维去写代码的（又叫面向过程，汇编和C一般是用这种方式），但是人理解计算机思维是比较困难的，代码量越多后期就越难维护，于是人们发明了面向对象这种编程方式，所以衍生出了许多面向对象的高级语言C++、C#、java等等，我们前端工程师使用的JavaScript也是其中的一种。

面向对象有以下这些好处：

　　1、可读性强。如果你使用面向过程的方式编程，你可能过两三个月就忘了你的代码表达的意思，更别说让其他人理解你的代码。面向对象可以让你的代码遵循一定的规范，不论是你自己还是团队其他人理解起你的代码来更容易，非常方便多人协同开发。