或许,你已经看到过不少关于这方面的文章, 今天重点分享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的浏览器可以运行。