码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript面向对象

时间:2020-07-12 13:55:17      阅读:67      评论:0      收藏:0      [点我收藏+]

标签:基本   turn   内存   asc   code   更改   nbsp   一个   对象   

技术图片

 

 

 技术图片

 

技术图片

 

技术图片

 

技术图片

 

 

??:具备隐式返回操作,不用return也行。

技术图片

 

技术图片

 

 

 

赋值

 

浅拷贝

 技术图片

 

深拷贝

技术图片 

技术图片 

 

技术图片  

 技术图片

 共享,就解决了以上代码内存消耗的问题。 

 技术图片

 

 

 

__proto__: 内部属性,查找当前对象的原型对象。

技术图片

 

 

 

 

技术图片

 

 

 技术图片

 

 

 技术图片

 

 

 技术图片

 

 

在原型链上 一直往上找,内层(对象自身的),次外层,最外层,

优先展示内层的。

尽量少使用__proto__???

 

技术图片

 

 

 

技术图片

 

 

 以上,数组身上的push方法就被覆盖掉了。

技术图片

 

 

 

技术图片

 

基本类型不是对象,但是也可以有其包装对象上的方法。

 

 

 技术图片

 

技术图片

 

 

 

技术图片

jq 也是面向对象的框架。

构造函数一改,对应用到构造函数的就会对应更改。源码如下:

 技术图片

技术图片

 

 

 

技术图片

 

 

 

技术图片

 

 

 技术图片

 

 

 jq 源码中应用:

技术图片

 

 

 技术图片

 

 

 技术图片

 

 

 in  不区分是自身属性 或 原型链上的属性。

jq 源码也有应用:

技术图片

 

 

 技术图片

拷贝继承??

技术图片

 

 

 技术图片

 

 

 

 技术图片

 

类式继承??

技术图片

 

 

 技术图片

 

非构造函数继承(浅拷贝)??

技术图片

 

非构造函数继承(原型继承)??

 

技术图片

 

 

 

面向对象实现拖拽??

技术图片 技术图片 技术图片

 

 

 

 

继承拖拽??

技术图片 技术图片

 

 

 

  

技术图片 

 以上代码是完全继承的,假如子类要修改一个方法,就是多态操作(先继承,后重写)

法一:重写继承的方法??

 技术图片  

技术图片

 

 

 

法二:配置对象的方法

以上代码,若限制只能在X轴进行拖拽,进行扩展如下??。

技术图片

 

 技术图片

技术图片

 

 技术图片

 

 

若div4, 限制只能在Y轴进行拖拽,但是并不限定范围。

技术图片

 

 

 

综上,类似于组件开发。

          组件开发中要善于利用面向对象的思想,对象之间的引用,原型链,继承与多态。

 

JavaScript面向对象

标签:基本   turn   内存   asc   code   更改   nbsp   一个   对象   

原文地址:https://www.cnblogs.com/catherLee/p/13287710.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!