先从问题说起 今天脑袋短路,有种有这么一种问题困扰我: 这个问题问的真愚蠢!但是却让我醒悟,长时间的使用框架与类库,导致JS的一些思想完全忘记了。 从图中可以看出mac与acer都是Computer类的实例,当执行 mac.fun=1时实质上是在mac对象上新增一个fun属性,这里并没有访问到原型链 ...
分类:
Web程序 时间:
2017-04-26 20:52:10
阅读次数:
250
JS面向对象-原型对象,实例对象,构造函数的关系 原文地址:JS面向对象-原型对象,实例对象,构造函数的关系(http://blog.csdn.net/u014205965/article/details/45798861) 因为最根上的object拥有一个prototype属性,而js中所有的对象 ...
分类:
Web程序 时间:
2017-04-25 11:34:54
阅读次数:
241
效果图: HTML结构如下: JS部分: Tips: *面向对象方法在编写页面中某一块交互功能时,能有效的避免因代码过多而造成的变量污染,更有助于代码的可读性和重用性。 *this 很好很强大 在面向对象方法中如果需要指定this的指向可以使用以下方法: *事件对象e 只能在事件绑定函数中获得 : ...
分类:
Web程序 时间:
2017-04-18 00:35:07
阅读次数:
315
在js中this的使用方法非常让人迷惑。有些像Java或者C#中的this,但又不全然一样。依照流行的说法this总是指向调用方法的对象。 1、纯粹函数调用。 function ListCommon2(x) { this.x=x; alert("this 是 ListCommon2"+(this i ...
分类:
Web程序 时间:
2017-04-17 21:39:57
阅读次数:
185
面向对象与原型一、创建对象 1、基本方法 2、工厂模式 3、构造函数 注意事项: (1).构造函数也是函数,但函数名第一个字母必须大写 (2).必须new构造函数名() (3).必须使用new运算符,用普通函数调用一般无效 构造函数和普通函数的唯一区别,就是他们调用的方式不同。只不过,构造函数也是函 ...
分类:
Web程序 时间:
2017-04-09 22:43:22
阅读次数:
199
有次面试的时候,面试官让我谈谈对面向对象的理解,让我一下蒙了,竟然不知道从哪里说起?自己都是在看完视频后,直接用面向对象写东西,也没有好好梳理,导致自己只会简单的用一下,却不会说。于是我就翻了翻《JavaScript高级程序设计》,对其进行整理了一下。 1.什么是对象 在ECMAScript中,对象 ...
分类:
Web程序 时间:
2017-03-27 23:11:18
阅读次数:
282
在学习了面向对象,我们了解了面向对象的三大特性:封装、继承、多态。下面我们需要了解对象的创建方式: 1 字面量创建方式 对象有很多描述方式,比如键值对(key--value)的集合、字典、工具包。对象的本质是对变量和函数进行封装,将变量封装成属性,函数封装为方法;这里我们就是采用字典的方式来创建对象 ...
分类:
Web程序 时间:
2017-03-27 14:44:06
阅读次数:
220
什么是鸭子类型 javascript的面向对象 封装 继承 多态 原型 this指向 call apply band js中的闭包 什么是高阶函数 在写面向对象编程思想-设计模式中的js部分的时候发现很多基础知识不了解的话,是很难真正理解和读懂js面向对象的代码。为此,在这里先快速补上。然后继续我们 ...
分类:
Web程序 时间:
2017-03-27 10:27:00
阅读次数:
153
对于c/c++/java,继承的方法直接用相应的语法继承,但是javaScript不一样,js是采用原型继承的思路来实现面向对象的。 js-类 在js中并没有class的概念,使用了一个函数,运行new的时候会为函数生成一个对象,对象含有隐藏的属性_proto_,这个属性的值就是对fun.proto ...
分类:
Web程序 时间:
2017-03-23 13:45:23
阅读次数:
161
一、面向对象的继承 1、解析:在原有对象的基础上,略作修改,得到一个新的对象,并且不影响原有对象的功能 2、如何添加继承 拷贝继承 属性:call 方法: for in 然后按照继承的方式做了一个窗口拖拽的demo,你可以狠狠的点击这里,进行查看 二、继承的其他形式(用的不是很多) 1、类式继承 : ...
分类:
Web程序 时间:
2017-03-23 01:59:40
阅读次数:
183