`
eastPoint
  • 浏览: 53403 次
  • 性别: Icon_minigender_1
  • 来自: 湖北武汉
社区版块
存档分类
最新评论

面向对象的js

    博客分类:
  • js
阅读更多
js 代码
  1. /*  
  2.       * prototype is an attribute in Object of javascript,by attribute pototype one attribute and function can  
  3.       * contact with Object.by the way prototype attribute is working with key words 'new'  
  4.       * here is an example:  
  5.       */  
  6.      function MyObject(name,size){   
  7.       this.name = name;   
  8.       this.size = size;   
  9.      }   
  10.      MyObject.prototype.tellSize=function(){   
  11.       alert("size of "+this.name+" is "+this.size)   
  12.      }   
  13.      var MyObj = new MyObject("tiddles","7.5 meters")   
  14.      MyObj.tellSize();  

========================

js 代码
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">   
  2. <html>   
  3. <head>   
  4.     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   
  5.     <title>Untitled Document</title>   
  6.     <script>   
  7.      var myobject = {   
  8.       objectId:"1",   
  9.       objectname:"michael",   
  10.        
  11.       getObjectName:function(){   
  12.        return this.objectname;   
  13.       },   
  14.        
  15.       setObjectName:function(objname){   
  16.        this.objectname = objname;   
  17.       },   
  18.        
  19.       action_shout:function(){   
  20.        alert("My name is "+this.objectname+"\nand my id is"+this.objectId);   
  21.       }   
  22.      }   
  23.     </script>   
  24. </head>   
  25. <body>   
  26.     <script>   
  27.      myobject.action_shout();   
  28.      myobject.setObjectName("hupeng");   
  29.      myobject.action_shout();   
  30.     </script>   
  31. </body>   
  32. </html>  

======================

js 代码
  1. 内部变量可以隐式的设置   
  2.   
  3.     function selectedObject(sid,sname){   
  4.      this.sid = sid;   
  5.      this.sname = sname;   
  6.     }   
  7.   
  8.     var myobject2 = {   
  9.      setValues:function(selectedObject){   
  10.       this.objid = selectedObject.sid;   
  11.       this.objname = selectedObject.sname;   
  12.      },   
  13.      action_shout:function(){   
  14.       alert(this.objid+"\n"+this.objname);   
  15.      }   
  16.     }   
  17.   
  18.    <script>   
  19.     var selectedobj = new selectedObject(6,"hupeng")   
  20.     myobject2.setValues(selectedobj)   
  21.     myobject2.action_shout()   
  22.    </script>   
分享到:
评论

相关推荐

    面向对象JavaScript精要(英文原版pdf)

    ### 面向对象JavaScript精要 #### 一、书籍概览 本书《面向对象JavaScript精要》由Nicholas C. Zakas编写,是面向对象编程领域中的权威指南之一,尤其针对JavaScript这门语言。作者深入浅出地介绍了面向对象编程的...

    面向对象JavaScript开发

    JavaScript,作为一种广泛应用于Web开发的动态脚本语言,最初被设计为简单的客户端脚本语言,但随着技术的发展,它已经发展出了丰富的面向对象编程(OOP)特性。面向对象JavaScript开发是现代Web开发中不可或缺的一...

    面向对象javascript

    面向对象JavaScript教程 面向对象JavaScript是一种编程范式,它将JavaScript脚本编写转换为面向对象的思想。面向对象的JavaScript开发可以极大地提高开发效率和代码健壮性。 面向对象的JavaScript的特征包括: * ...

    面向对象js开发钟表

    在这个“面向对象js开发钟表”的项目中,我们将深入探讨如何使用JavaScript实现一个自定义的钟表插件。 首先,我们需要理解钟表的基本组成部分:时针、分针和秒针。在面向对象的视角下,我们可以为每个部分创建单独...

    面向对象Javascript核心支持代码分享

    JQury框架绝对是页面开发的首选,代码短小强悍,缺点就是... Javascript做面向对象开发的时候,总是会用到很多模拟面向对象特性的方法,这些方法就构成了支撑面向对象Javascript的核心代码,以下就是部分代码,其中参考

    js 面向对象实例

    综合以上知识,`js 面向对象实例`涵盖了JavaScript中的面向对象编程基础,以及如何将这些概念应用到HTML5 Canvas的实践中。通过学习和实践这个实例,你不仅可以理解JavaScript的OOP机制,还能掌握如何利用Canvas API...

    [JavaScript] 面向对象 JavaScript 第2版 英文版

    [Packt Publishing] 面向对象 JavaScript 第2版 英文版 [Packt Publishing] Object Oriented JavaScript 2nd Edition E Book ☆ 图书概要:☆ Think in JavaScript Make object oriented programming ...

    面向对象javascript笔记

    面向对象的JavaScript编程是JavaScript开发中的重要概念,它允许我们以类和对象的方式来组织和处理数据。以下是对标题和描述中涉及的知识点的详细解释: 1. **引用**:在JavaScript中,对象是通过引用传递的,这...

    Javascript面向对象编程.

    面向对象编程(Object-Oriented Programming,OOP)是编程的一种重要范式,JavaScript也完全支持这一特性,尽管它并非一种传统的静态类型语言。这篇博客文章可能详细讨论了如何在JavaScript中实现面向对象编程。 在...

    优效学院马士兵java面向对象js

    在这个“优效学院马士兵java面向对象js”课程中,你将学习到如何运用Java的面向对象特性来设计和实现高效、可维护的代码,同时也会接触到JavaScript的基础知识,了解两者在面向对象编程上的异同。无论你是初学者还是...

    面向对象js开发扫雷小游戏

    在JavaScript(JS)编程语言中,面向对象编程(Object-Oriented Programming,OOP)是一种常用的设计模式,它允许我们创建复杂、可复用的代码结构。扫雷小游戏的实现,正是利用了OOP的概念来构造游戏逻辑。下面将...

    JS面向对象经典案例

    JS 面向对象经典案例 在JavaScript中,面向对象编程是非常重要的一部分。它提供了一种创建和组织代码的方式,能够让开发者更好地组织和维护代码。在本文中,我们将介绍JavaScript面向对象编程中的经典案例,包括...

    面向对象js实例,js学习

    自己写的面向对象js实例,用于js的学习交流,不断提高

    Javascript 面向对象的JavaScript进阶

    ### JavaScript面向对象进阶知识点详解 #### 8.1 面向对象编程的基本特性 在探讨面向对象的JavaScript之前,我们首先需要了解面向对象编程(Object-Oriented Programming, OOP)的基本特性:封装性、抽象性、继承...

    猜拳游戏:java面向对象,kotlin面向对象,js面向对象,3个方法开发.zip.lnk

    猜拳游戏:java面向对象,kotlin面向对象,js面向对象,3个方法开发.zip.lnk猜拳游戏:java面向对象,kotlin面向对象,js面向对象,3个方法开发.zip.lnk猜拳游戏:java面向对象,kotlin面向对象,js面向对象,3个...

    js 贪吃蛇(面向对象)

    总结来说,"js 贪吃蛇(面向对象)"案例提供了学习和实践JavaScript面向对象编程的好机会。通过分析和实现这个案例,开发者可以深入理解面向对象的设计原则,提高代码复用和维护性,同时也能体会到面向对象编程在...

    JavaScript面向对象编程指南.pdf

    JavaScript作为一门浏览器语言的核心思想;面向对象编程的基础知识及其在... 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性,展示如何构建强健的、可维护的、功能强大的应用程序及程序库

Global site tag (gtag.js) - Google Analytics