`
wbj0110
  • 浏览: 1602412 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

基于jQuery,实现JS面向对象编程

阅读更多

//接口1
var IClassName = {
        IgetName:
function(){
             getName.apply(
this);
        },
        IsetName:
function(){
            setName.apply(
this,arguments);
        }
}
//接口2
var IAlertName = {
        IAlert:
function(){
            printName.apply(
this);
        }
}
//父类
var superClass = function(){
        name 
= "superClass";
}

//子类
var subClass = function(){
        
//实现接口1方法
        getName = function(){
            
return name;
        }
        setName 
= function(_name){
            name 
= _name;
        }
        
//实现接口2方法
        printName = function(){
            alert(name);
        }
}

//让子类继承父类
subClass.prototype = new superClass();
//实现接口
 jQuery.extend(subClass.prototype,IClassName,IAlertName);

//子子类
var childClass = function(){
        
this.show = function(){
            alert(name
+" show");
        }
}

//使用该类
var s = new subClass();
//s.IsetName("ddd"); 
//
s.IAlert();

//让子子类继承子类
childClass.prototype = new subClass();

var c = new childClass();
c.IAlert();
c.IsetName(
"yyyy");
c.show();

复制代码

 

使用jQuery简化继承接口一块。

jQuery.extend(target,obj1,[objN])   return Object
用一个或多个其他对象来扩展一个对象,返回被扩展的对象。

分享到:
评论

相关推荐

    JQuery高级编程之面向对象.rar

    本教程将深入探讨jQuery的面向对象编程,这是在实际项目中提高代码组织性和可维护性的重要技能。 面向对象编程(OOP)是软件开发中的核心概念,它通过模拟现实世界中的对象和行为来构建程序。jQuery虽然主要是一个...

    Jquery基于面向对象无缝滚动广告

    综上所述,创建一个jQuery基于面向对象的无缝滚动广告,需要对jQuery的DOM操作、动画功能以及面向对象编程有深入理解。通过合理设计对象结构和精心编写滚动逻辑,我们可以打造出一个既美观又高效的滚动广告组件。...

    HTML+CSS3+JS+JQuery实现七夕言情动画、面向对象程序设计、Deferred对象解决异步编程回调嵌套问题

    本篇文章将详细讲解如何利用这些技术实现七夕言情动画,以及面向对象程序设计和 Deferred 对象在解决异步编程回调嵌套问题中的应用。 首先,我们来看HTML和CSS3在七夕言情动画中的应用。HTML(超文本标记语言)是...

    基于SSH jQuery框架的餐饮Web App的设计与实现.pdf

    业务逻辑层由Spring框架处理,它通过依赖注入(Dependency Injection,DI)和面向切面编程(Aspect-Oriented Programming,AOP)来解耦组件间的关联,简化了代码的维护和扩展。同时,Spring的事务管理功能确保了业务...

    基于jQuery实现的横向图片手风琴插件源码.zip

    3. **JavaScript编程**:理解JavaScript的基本语法和面向对象编程概念,因为jQuery是用JavaScript构建的,而插件的核心逻辑很可能用到了这些概念。 4. **jQuery插件开发**:学习如何封装自己的代码为jQuery插件,...

    javascript面向对象的编程.docx

    JavaScript 面向对象编程是该语言的核心特性之一,它允许开发者通过对象和它们的属性、...这就是JavaScript面向对象编程的基本应用。通过掌握这些知识,开发者能够更好地驾驭JavaScript,构建出高效、灵活的前端应用。

    一个基于jQuery 实现的jSelectDate 下拉日期选择器插件源码

    开发者可以调用$.fn.jSelectDate()来使用此插件,这背后涉及到的是JavaScript的面向对象编程思想。 3. **HTML结构**:日期选择器可能包含一个基础输入元素(如`<input type="text">`)和一个隐藏的下拉元素,点击...

    jquery_js_oop

    《jQuery JS OOP:深入理解JavaScript面向对象编程》 在JavaScript的世界里,面向对象编程(Object-Oriented Programming,简称OOP)是一种重要的编程范式,它允许我们以类和对象的方式来组织代码,提高代码的复用...

    jQuery.js中继承的实现.pdf

    通过深入理解`jQuery.extend()`的工作原理,开发者可以更好地利用jQuery进行面向对象编程,创建可复用的组件和插件。这使得在JavaScript中实现复杂的对象模型和继承关系变得更加简单和直观。在实际开发中,`jQuery....

    使用JavaScript JQuery实现网页翻屏.pdf

    * JQuery是一个JavaScript库,它极大简化了JS编程,提供简便的JavaScript设计模式。 * 使用JQuery可以获取当前对象,实现鼠标滚动,实现屏幕上翻或下翻。 * JQuery提供了独特的选择器、DOM操作、高效灵活的事件处理...

    JS编程实现-飞机大战游戏

    总的来说,JS编程实现的飞机大战游戏,不仅锻炼了开发者对JavaScript语言的理解和应用,还涵盖了面向对象编程、游戏逻辑设计、用户交互等多个方面,是一个综合性的编程实践项目。通过这个项目,开发者不仅可以掌握...

    动态树的管理程序(基于jQuery Treeview实现)-java源码

    Spring3则作为依赖注入(DI)容器,管理对象生命周期,同时也提供了事务管理和AOP(面向切面编程)功能;Hibernate3是一个ORM(对象关系映射)框架,简化了数据库操作,将Java对象与SQL数据库表对应起来。 动态树的...

    面向对象基础和使用方法

    这意味着JavaScript在实现面向对象编程时采取了一种不同的途径。 - **是面向对象语言**:尽管如此,JavaScript中的几乎所有事物都可以视为对象,包括数组、日期、正则表达式等,甚至DOM节点也被处理为对象。...

    利用Ajax+Jquery实现异步进度条效果

    首先,C#是一种面向对象的编程语言,广泛应用于Microsoft的.NET框架中,用于构建服务器端应用。在这个场景下,C#主要负责处理后台逻辑,如数据处理、计算和业务规则设定等。开发者使用C#编写服务端代码,通过HTTP...

    由图灵机到面向对象程序编程----程序的语义表达探讨

    2. **面向对象编程**:随着计算机科学的发展,面向对象编程(OOP)成为了主流,如C++的出现。OOP强调数据和操作数据的方法封装在一起,形成对象,通过类和继承构建复杂的系统。这种方式增强了程序的抽象性和模块化,...

    Web编程基础——CSS、JavaScript、jQuery【高清版】

    2. JavaScript:这是一种解释型的、面向对象的、弱类型的脚本语言,主要用于增加网页的交互性。JavaScript代码通常嵌入到HTML页面中,可以在用户与网页交互时执行。它可以改变HTML元素的属性、创建动态效果、处理...

    JS面向对象[定义].pdf

    总的来说,JavaScript的面向对象编程可以通过原型和构造函数实现,但需要注意变量的作用域问题。为了提高代码质量,我们需要遵循良好的编程习惯,例如使用闭包来保护私有变量,提供公共接口进行交互。此外,良好的...

    基于JQuery和html5的拼图游戏类库

    - JavaScript编程:包括面向对象编程,可能还有状态管理(如使用闭包或类)。 - 响应式设计:确保游戏在桌面和移动设备上都有良好的用户体验。 - 图像处理:可能涉及到图像的裁剪、缩放和转换。 - 源码组织:理解...

    JavaScript面向对象编程

    JavaScript是一种基于原型的面向对象编程语言,它不像Java或C++那样有严格的类定义,而是通过函数和对象来实现面向对象特性。在JavaScript中,我们可以使用多种方式来创建和使用对象,以及实现对象间的继承。 首先...

Global site tag (gtag.js) - Google Analytics