- 浏览: 919395 次
- 性别:
- 来自: 黑龙江
文章分类
- 全部博客 (209)
- struts1 (3)
- hibernate3 (19)
- java (13)
- spring2 (5)
- netBeans (1)
- eclipse (1)
- JSF (1)
- DIV+CSS篇章 (1)
- jFreeChart+Oracle之曲线,柱状及饼状图的实现 (1)
- JSF知识与技巧 (3)
- Oracle数据类型的介绍与比较 (2)
- J2EE (2)
- Ajax技术 (4)
- javaScript技术 (25)
- struts2 (16)
- C/C++程序设计 (1)
- oracle系统学习 (29)
- 算法分析 (0)
- Linux实践 (7)
- extjs开发经验 (13)
- flex开发总结 (1)
- FusionCharts总结 (0)
- 高级数据库总结 (0)
- SVG拓扑图开发总结 (0)
- CSS (1)
- CSS使用简介 (1)
- SVG (0)
- DOJO (0)
- Junit测试 (0)
- lucene (24)
- solr (6)
- tokyo tyrant 技术 (7)
- Html5 (1)
- 算法与数据结构 (0)
- 物联网相关技术学习 (0)
- UI设计 (1)
- webservice (0)
- Android (5)
- hibernate4 (3)
- solrcloud (0)
- dorado5 (0)
- dorado7 (0)
- elasticsearch (0)
- GWT (0)
- node.js (0)
- 并发编程 (1)
- 大数据 (1)
- 项目经验 (5)
最新评论
-
cs261244787:
楼主好人! 平安
struts2,hibernate4,spring3配置时问题汇总及解决办法 -
wxluck666:
我也赞一个 很有用
struts2,hibernate4,spring3配置时问题汇总及解决办法 -
wxluck666:
我也赞一个 很有用
struts2,hibernate4,spring3配置时问题汇总及解决办法 -
xinsiyou:
牛逼,就是样式被搞没了
JS实现选项右移,左移,向上,向下调整顺序 -
unnamed__:
这代码风格就像一坨翔
java获取数据库的列名,类型等信息
1.对象冒充
2.call方法方式:call方法是Function对象中的一个方法,因此我们定义的每个函数都拥有该方法。可以通过函数名来调用call方法,call方法的第一个参数会被传递给函数中的this,从第二个参数开始,逐个赋值给函数中的参数。
1)call方法使用方式:
结果:
wlh,wlhs,undefined
2)call方法继承
3.apply方法方式
4.原型链方式(prototype chain):
缺点:无法实现参数的传递
5.混合方式(推荐使用该方式)
引用
function Parent(username){ this.username = username; this.sayHello = function(){ alert("hello,"+this.username); } } function Child(username,password){ //三行重要代码 this.method = Parent; this.method(username); delete this.method; this.password = password; this.sayWorld = function(){ alert("world,"+this.password); } } var parent = new Parent("wlh"); var child = new Child("wlh_child","111111"); parent.sayHello(); child.sayHello(); child.sayWorld();
2.call方法方式:call方法是Function对象中的一个方法,因此我们定义的每个函数都拥有该方法。可以通过函数名来调用call方法,call方法的第一个参数会被传递给函数中的this,从第二个参数开始,逐个赋值给函数中的参数。
1)call方法使用方式:
引用
function test(str,str2){ alert(this.name + "," +str + "," +str2); } var object = new Object(); object.name = "wlh"; //相当于调用了test函数 test.call(object,"wlhs");//将object赋给了this
结果:
wlh,wlhs,undefined
2)call方法继承
function Parent(username){ this.username = username; this.sayHello = function(){ alert("hello,"+this.username); } } function Child(username,password){ Parent.call(this,username); this.password = password; this.sayWorld = function(){ alert("world,"+this.password); } } var parent = new Parent("wlh"); var child = new Child("wlh_child","111111"); parent.sayHello(); child.sayHello(); child.sayWorld();
3.apply方法方式
function Parent(username){ this.username = username; this.sayHello = function(){ alert("hello,"+this.username); } } function Child(username,password){ Parent.apply(this,new Array(username)); this.password = password; this.sayWorld = function(){ alert("world,"+this.password); } } var parent = new Parent("wlh"); var child = new Child("wlh_child","111111"); parent.sayHello(); child.sayHello(); child.sayWorld();
4.原型链方式(prototype chain):
function Parent(){ } Parent.prototype.username = "wlh"; Parent.prototype.getUsername = function(){ alert(this.username); } function Child(){ } Child.prototype = new Parent(); Child.prototype.password = "111111"; Child.prototype.getPassword = function(){ alert(this.password); } var child = new Child(); child.getUsername(); child.getPassword();
缺点:无法实现参数的传递
5.混合方式(推荐使用该方式)
function Parent(username){ this.username = username; } Parent.prototype.getUsername = function(){ alert(this.username); } function Child(username,password){ Parent.call(this,username); this.password = password; } Child.prototype = new Parent(); Child.prototype.getPassword = function(){ alert(this.password); } var child = new Child("wlh","111111"); child.getUsername(); child.getPassword();
发表评论
-
JQuery zTree插件
2012-01-10 16:55 1260JQuery zTree插件。好东西!很实用! -
JavaScript在IE浏览器和Firefox浏览器中的差异总结
2011-12-27 10:17 13861.HTML对象的 id 作为对象名的问题 IE:HTML ... -
javascript中定义对象方式
2011-12-24 15:10 13811.在javascript中,可以动态添加对象的属性,也可以动 ... -
js原始数据类型、强制类型转换、typeof运算符的使用实例
2011-12-24 15:10 3230js中存在5中原始数据类型: 1.Undefined(未定义 ... -
js中Function对象
2011-12-24 15:10 29631.Undefined对象只有一个 ... -
js全选与反选、收缩与展开
2011-12-23 10:19 1150<!DOCTYPE HTML PUBLIC " ... -
js验证数字
2011-12-23 10:02 1223<script type="text/jav ... -
Cookie对象使用
2011-12-23 10:02 10751.cookie对象: 是一 ... -
javascript内置对象
2011-12-23 08:32 1324图像对象: 导航对象: 窗口对象: 格式 ... -
javascript定时器
2011-12-23 08:32 11561.setTimeout():指定在一段 ... -
javascript事件控制
2011-12-21 08:35 10081.实现类似<a>标签的功能 <scrip ... -
javascript自定义对象
2011-12-21 08:35 1041实例: <script type="text ... -
javascript中字符串的使用方法
2011-12-21 08:34 11041.字符串定义: var str = new Stri ... -
javascript内置函数
2011-12-20 16:21 10941.函数说明: join():如何使用 join() 方法 ... -
javascript内置的默认对象
2011-12-20 16:08 12341.日期对象(Date): <script typ ... -
javascript对象创建方式
2011-12-20 15:38 9821.with使用方式。 <script type=& ... -
javascript深度解析
2011-12-20 15:23 1336一.概述 javascript是网景公司开发的基于客户端浏览 ... -
html滑动门实现
2011-12-21 08:34 1332滑动门实现 -
收集的非常不错的js脚本
2008-09-25 11:27 15051 >屏蔽功能类 1.1 ... -
使用dtree构建动态树型菜单
2008-09-25 11:24 3877dtree是一个免费的javascript脚本,只需定义有限的 ...
相关推荐
以下是对6种JavaScript继承方式及其优缺点的详细说明: 1. 原型链继承: - 原理:通过将子类的`prototype`指向父类的实例,实现子类继承父类的属性和方法。 - 优点:可以直接访问父类的属性和方法,实现继承。 -...
组合继承使用原型链继承,并且利用借调父类的构造函数这两个方法的组合,可以实现一种组合式继承,方法通过父类的原型传给子类,然后子类调用父类的构造函数来获得父类的一
JavaScript继承是面向对象编程中一个核心概念,它允许我们创建一个类的实例(对象),该实例除了拥有自身定义的属性和方法外,还能继承其父类的...正确选择和使用JavaScript继承方式,可以大大提高开发效率和代码质量。
### JavaScript继承方式实例详解 #### 引言 在面向对象编程中,继承是一种重要的机制,它允许一个类(子类)继承另一个类(父类)的属性和方法。JavaScript作为一种基于原型的语言,提供了多种实现继承的方式。...
此外,JavaScript的灵活性允许开发者选择基于类的继承方式,或者利用原型继承的微妙之处,实现更高效的设计。 4.1 为什么需要继承 继承的主要目的是代码复用和降低耦合度。通过继承,可以在已有类的基础上扩展功能...
以上就是JavaScript中常见的几种继承方式,每种都有其优缺点。在实际开发中,可以根据项目需求和性能考虑选择合适的方法。随着语言的发展,ES6引入了类(class)的概念,虽然在语法上更像传统的面向对象语言,但其...
在JavaScript中,选择合适的继承方式取决于具体需求。理解并熟练掌握这些继承方式,能让你在编写代码时更加游刃有余。文章中的`inheritance.html`和`inheritance.js`文件可能包含示例代码,帮助你直观地了解每种继承...
JavaScript继承第1种方式:对象冒充;第2种方式:call方法;第3种方式:apply方法;第4种方式:原型链方式;第5种方式:混合方式(推荐)
在本文中,我们将深入探讨JavaScript继承机制的实现方式,并对基于原型的继承、构造函数方式继承、组合继承、寄生式继承等继承机制进行了总结归纳和分析。 基于原型的继承 JavaScript是一门基于原型的语言,它不像...
本文将详细介绍六种实现JavaScript继承的方法。 1. 原型链继承 原型链继承是通过改变子类型的原型对象来实现继承的。子类型构造函数的原型被替换为超类型构造函数的一个实例,这样子类型就可以继承超类型的所有属性...
本文将深入探讨JavaScript继承的实现方式,以及其中的问题和解决方案。 首先,我们来看混合方式的实现,这种方式结合了原型链和对象冒充。在JavaScript中,构造函数是用于创建特定类型对象的函数。例如,`Employee`...
1. **原型链继承**:这是最基础的继承方式,JavaScript 对象都有一个内部 `[[Prototype]]` 属性,通常通过 `__proto__` 或 `Object.getPrototypeOf` 访问。通过将一个对象设置为另一个对象的原型,子类就可以继承...
JavaScript支持多种继承实现方式,包括以下四种: 1. **构造函数继承**(Constructor Inheritance) 这种方法通过在子构造函数中调用父构造函数来实现继承。例如,`ArrayList01`的构造函数中,`this.base = ...
JavaScript继承机制探讨及其应用 JavaScript是一门弱类型语言,具有函数式编程和面向对象编程的特点。随着近几年JavaScript生态圈的发展和成熟,项目的编码量和复杂度也在呈几何级数增长。JavaScript面向对象编程中...
我们还知道,面向对象编程有三个重要的概念 - 封装、继承和多态。 但是在JavaScript的世界中,所有的这一切特性似乎都不存在。 因为JavaScript本身不是面向对象的语言,而是基于对象的语言。
ES5的继承方式 类式继承 //声明父类 function Father(){ this.fatherVal = 'father'; } //为父类添加共有方法 Father.prototype.getFatherValue = function(){ return this.fatherVal; } //声明子类 function ...