JS和面向对象
来源:互联网 发布:德州扑克赢钱技巧 知乎 编辑:程序博客网 时间:2024/04/30 03:54
或许,你已经看到过不少关于这方面的文章, 今天重点分享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 继承Personclass man extends Person{};$obj = new man('男人');$obj.hello();
是不是很好看,是不是很舒服,是不是很爽?
因为ES6是2015年6月发布的,但是,ES6的支持率还不是很高,所以,我们需要Babel,将ES6转化为ES5,使得不支持ES6的浏览器可以运行。
- JS和面向对象
- EXT JS入门和面向对象编程
- js---闭包和面向对象编程
- js中的定时器和面向对象
- js 必包和面向对象设计
- 数组和面向对象
- Cocos-Js类的使用和面向对象
- js的两面-面向过程和面向对象
- Python -- 对象和面向对象
- 类、对象和面向对象
- 面向过程和面向对象
- 面向对象和面向过程
- 面向过程和面向对象
- 面向过程和面向对象
- 面向对象和面向过程
- 面向过程和面向对象
- java基础和面向对象
- 面向过程和面向对象
- 使用jQuery实现不同select选项决定div的显示和隐藏
- redis入门——redis常用命令
- mysql优化
- java 后台获取设备来源实现同一地址多套前端的自动匹配实现
- Linux全局事件监听技术
- JS和面向对象
- 实践centos6.5编译安装LNMP架构web环境
- 编写tcp_server
- 文本挖掘:手把手教你分析携程网评论数据
- Android ViewGroup.setDescendantFocusability函数
- React Native简介和环境配置
- 【MyBatis学习04】mapper代理方法开发dao
- EasyPusher RTSP推流/EasyRTMP RTMP推流Android安卓摄像头视频偏暗的问题解决方案
- OpenPyXL的使用教程(一)