博客
关于我
JavaScript面向对象思想
阅读量:526 次
发布时间:2019-03-07

本文共 889 字,大约阅读时间需要 2 分钟。

面向对象,敲程序的应该都知道这个思想,那什么是面向对象?后台的应该比较了解,前端由于在业务开发中不会使用这种思想,应该很多都对面向对象很陌生。借鉴blue老师对面向对象的讲解,在这边我说一下本人对于前端面向对象的理解。

先说一下最经典的面向对象解释,人。一说到面向对象,几乎都会拿人来举例。人有身高、体重、年龄,能吃饭、能说话等。简单来说,身高、体重、年龄就是面向对象思想的属性,吃饭、说话就是面向对象思想的方法。

面向对象的思想,不仅仅适用程序,在很多方面都适用。在这边我就不班门弄斧了,直接进入前端应该理解的面向对象思想。

我们都知道一个JavaScript有构造函数,所谓构造函数就是构造一个实现某个功能的函数。在实现功能的过程中就一定会有方法和属性。JavaScript中面向对象的思想就是一个包含属性和方法的构造函数。

比如这样一个方法

function fn() {    this.name = 'wade';    this.getName = function () {        alert(this.name);    }}var fn = new fn();

这是最简单的面向对象,属性就是name,方法就是getName。

面向对象就像一个黑盒子,就像一个库,我们不知道里面的构造,但是我们会使用对外的方法和属性。比如电视,我们不知道里面是怎么运行的,但是我们知道怎么开机,怎么换台,我们可以看见画面,可以听见声音。声音画面就是属性,开机换台就是方法。

JavaScript的面向对象思想就是这么简单,封装一个构造函数,函数里面有属性和方法,然后把一些属性和方法暴露出去,让外部的可以调用。在业务开发中我们或许用不到,但是真正大型项目或者是编写一些库的时候,面向对象思想是一定要用的。

比如JavaScript插件一哥jQuery,就是一个典型的面向对象库。我们知道怎么使用jQuery的属性和方法,但是我们不知道内部是怎么封装的。

至于如何使用面向对象思想开发,这就不是本人现在能解释的了,还是需要继续努力。

欢迎关注Coding个人笔记 公众号

转载地址:http://tlnnz.baihongyu.com/

你可能感兴趣的文章
nodejs图片转换字节保存
查看>>
nodejs在Liunx上的部署生产方式-PM2
查看>>
nodejs基于art-template模板引擎生成
查看>>
nodejs字符与字节之间的转换
查看>>
NodeJs学习笔记001--npm换源
查看>>
NodeJs学习笔记002--npm常用命令详解
查看>>
nodejs学习笔记一——nodejs安装
查看>>
vue3+Element-plus icon图标无法显示的问题(已解决)
查看>>
NodeJS实现跨域的方法( 4种 )
查看>>
nodejs封装http请求
查看>>
nodejs常用组件
查看>>
nodejs开发公众号报错 40164,白名单配置找不到,竟然是这个原因
查看>>
Nodejs异步回调的处理方法总结
查看>>
NodeJS报错 Fatal error: ENOSPC: System limit for number of file watchers reached, watch ‘...path...‘
查看>>
nodejs支持ssi实现include shtml页面
查看>>
Nodejs教程09:实现一个带接口请求的简单服务器
查看>>
nodejs服务端实现post请求
查看>>
nodejs框架,原理,组件,核心,跟npm和vue的关系
查看>>
Nodejs概览: 思维导图、核心技术、应用场景
查看>>
nodejs模块——fs模块
查看>>