博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JavaScript 中的面向对象的初步认识
阅读量:5336 次
发布时间:2019-06-15

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

我在学习JS的面向对象编程的时候,总是有两个奇怪的问题。

第一个就是:面向对象在JS中很少用到。。。 

可能是目前自己做的项目还是比较简单,前端方面的任务我几乎都是用面向过程的方式写的,所以就导致,我啃了那么久的书,代码也跟着书上的例子敲了,但好像一点收获也没有,还是不知道JS的面向对象有什么用。当然,我知道是自己目光短浅。。因为JS可是像个单身很久的家伙一样一直强调“万物皆对象”的!

第二个是:prototype 这个鬼。。。

刚开始学面向对象的时候,我仗着自己JAVA底子还不错,直接就去找了一个JS面向对象的实例去看。当然,看完就懵逼了....

然后啃书 《JavaScript高级程序设计》,看完之后彻底蒙圈。。。prototype这个鬼到底是什么鬼啊。

所以,今天去看了教学视频,感觉从视频中还是学习到了一部分经验,就来记录一下,为以后进一步研究打个基础。

首先,先说说 prototype 这个家伙。他有个很常见的称呼——原型。当初就是因为这个名字把我带进了坑里,直接导致我的学习目标变成了“我要知道原型到底是个什么鬼”。其实原型有个很好的理解方法,这是我今天在视频中学到的。

如果你要对CSS有一定的了解,那我们可以把原型看做是CSS样式中的类(class),而通过构造函数new出来的对象就像是文档中引用了这个类的元素。

因为有相同class的元素,他们的样式都相同,要写让他们其中若干个产生变化,那我们一般都会采取 行间样式(style)这种方式来修改,让他们体现不同,利用这样的特性我们可以把属性就理解成元素的行间样式。

这样理解的话会不会容易一点?反正我是有种被点化的感觉..通过这样的方式,写一个简单的面向对象的例子:

 

    
Title

这样就有一点面向对象的意思了,当你运行程序  就会 看到 效果。

 

最后,总结一下这个简单的面向对象的方法:

构造函数加属性,原型prototype加方法,这样就实现了JS的面向对象。

以上就是我对JS面向对象的初步认识。

2015.12.29

 

转载于:https://www.cnblogs.com/laobeiV5/p/5106646.html

你可能感兴趣的文章
响应式网站
查看>>
Less环境搭建
查看>>
openstack trove mongodb配置项
查看>>
poj 3481 Double Queue 数据结构 STL
查看>>
线段树模板
查看>>
jquery ajax下拉框省市联动效果实现代码
查看>>
gulp 自动化构建
查看>>
Win10创意者更新秋季版升级常见问题解决方案
查看>>
从客户端中检测到有潜在危险的 Request.Form 值。
查看>>
.NET中反射机制的使用与分析
查看>>
APP UI 设计
查看>>
Java包装类、拆箱和装箱详解
查看>>
Mysql 5.6 新特性(转载)
查看>>
Jenkins强制设置语言为中文
查看>>
子串的替换
查看>>
linux中常用的60个命令及作用详解
查看>>
poj 1664放苹果(递归)
查看>>
CDN、浏览器缓存
查看>>
Python+opencv图像识别
查看>>
字节流VS缓冲流
查看>>