JS和面向对象

或许，你已经看到过不少关于这方面的文章， 今天重点分享JS对面向对象的支持和理解，更准确的说法是ECMScript对面向对象的支持和理解。

---

1、JS和面向对象语言

封装、继承和多态

又或许，你已经知道面向对象语言的特点是支持封装、继承和多态。常见的C++、Java、PHP都是支持面向对象的，因此他们的类也都支持封装继承和多态。当然咯，PHP是弱类型语言，根本不需要多态的。

实际上，我们在定义整型、字符型、布尔型变量的时候，也是new一个对象，只是一般的语言都默认定义好这些类而已，了解更多请看这里

1.1、面向对象的语法

多数计算机语言的面向对象语法都是一样的，比如：

使用class进行类定义
使用extends进行基础
使用new进行实例化
使用点.和->进行属性和方法的调用
使用this变量调用当前对象本身

#定义和继承类
class Person extends H{
}

{{obj}} = new Person() #实例化一个对象
{{obj}}->hello() #调用hello方法

2、JS的面向对象语法

---

2.1、ES5的面向对象语法

JS是支持面向对象的，但是不提供常规的面向对象语言语法。这也是JS怪异的因素所在。

相信不少人觉得奇怪，为什么JS定义一个类那么奇怪，看下面：

function Person()
{
}

var obj = new Person(); 

class呢？ 这不是一个函数吗？使得在ES5中，就是使用这样的方式定义类的，使用new关键词熟悉。

2.2、ES5下各种面向对象类库的封装

ES6原生的面向对象格式着实让人脑疼，所以很多大神都想尽办法让JS的面向对象写法更加亲和。

请看：
javascript oo实现
OO 模拟那些事儿
aralejs文档

2.3、ES6的面向对象语法

2015年6月17日，ECMAScript 6发布正式版本，即ECMAScript 2015。

幸运的是，ES6支持开始支持了标准方式面向对象格式，看一下：

//定义类Person
 class Person {
    constructor (c){
        this.say(c);
    };

   say(c){
       alert(c);
   };

   hello (){
       alert('hello world');
   }
 };

//类man 继承Person
class man extends  Person{

};

$obj = new man('男人');
$obj.hello();

是不是很好看，是不是很舒服，是不是很爽？

因为ES6是2015年6月发布的，但是，ES6的支持率还不是很高，所以，我们需要Babel，将ES6转化为ES5，使得不支持ES6的浏览器可以运行。