`
xiegangthrille
  • 浏览: 93912 次
  • 性别: Icon_minigender_1
  • 来自: 长沙
社区版块
存档分类
最新评论

javascript面象对象的写法

阅读更多
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>js面向对象的语法</title>
    <script type="text/javascript">
        
        //写法一
        var Person=function(){   
            
            //公用方法
            var pub={
                initialize:true,
                name:"属性",
                initialize:function(){
                    alert("初始化");   
                },
                getTitle:function(){
                    return "Person-方法";
                }
                            
            };   
            
            //静态方法
            Person.setName=function(value){
                return value;            
            }        
            return pub;
        }
        
        //写法二
        function Student(){        
            
             //创建方法
             Student.prototype.sex=function(value){
                return value;
             }
             
             //创建静态方法
             Student.getName=function(){
                return "静态方法";
             }
             
             //创建属性
             Student.prototype.name="名字";
             
             Student.prototype.getTitle=function(){
                return "Student-方法";
             }
        }
        
        function Student1(){
        
        }
        
        
        //写法三       
         var Teacher=new Object();
         Teacher.setName=function(value){
            return value;
         }
         
         //继承的写法
        Object.extend=function(childClass,fatherClass){
                for(var prototype in fatherClass){
                    childClass[prototype]=fatherClass[prototype];
                }
                return childClass;
        }
        
        // 声明一个全局对象Namespace,用来注册命名空间
        Namespace = new Object();

        // 全局对象仅仅存在register函数,参数为名称空间全路径,如"Grandsoft.GEA"
        Namespace.register = function(fullNS)
        {
            // 将命名空间切成N部分, 比如Grandsoft、GEA等
            var nsArray = fullNS.split('.');
            var sEval = "";
            var sNS = "";
            for (var i = 0; i < nsArray.length; i++)
            {
                if (i != 0) sNS += ".";
                sNS += nsArray[i];
                // 依次创建构造命名空间对象(假如不存在的话)的语句
                // 比如先创建Grandsoft,然后创建Grandsoft.GEA,依次下去
                sEval += "if (typeof(" + sNS + ") == 'undefined') " + sNS + " = new Object();"
            }
            if (sEval != "") eval(sEval);
        }
        
        
        window.onload=function(){
            alert(typeof(Namespace));
            var st=Object.extend(new Student(),new Person());
            var stud=new Student();
            //alert(stud.getTitle());
            //alert(st.getTitle());
            var person=new Person();
            var student=new Student();
                //alert(Person.setName("静态方法"));
                //alert(person.name);
                //alert(student.name);
                //alert(Student.getName());
                //alert(Teacher.setName("张家品"));
        }
    </script>
</head>
<body>
</body>
</html>
 
分享到:
评论

相关推荐

    javascript面象对象编程

    JavaScript中的面向对象编程(Object-Oriented Programming, OOP)是一种设计模式,它允许开发者创建具有封装、继承和多态性的复杂结构。在JavaScript中,虽然没有像Java或C++那样的类关键字,但它通过函数和原型...

    JavaScript之Math对象(源代码)

    JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象...

    JavaScript面象对象设计

    ### JavaScript面向对象设计详解 #### 一、面向对象的基本概念 面向对象编程(Object-Oriented Programming,简称 OOP)是一种编程范式,其核心思想是将程序中的数据和操作这些数据的方法组织在一起,形成一个整体...

    javascript 注释的标准写法

    javascript和后台程序对比的缺点 1、不易读性; 2、不好调试性; ............ 有了以上特点,那么我们就要进行好的注释; javascript 注释的标准写法

    100多个很有用的javascript函数以及基础写法集合

    JavaScript 函数和基础写法大集合 JavaScript 是一种广泛应用于 Web 开发的编程语言,下面总结了 100 多个有用的 JavaScript 函数和基础写法。 输出语句 document.write("") 是 JavaScript 中最基本的输出语句,...

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

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

    JavaScript面向对象编程指南(第2版).rar

    5. 类(Class)语法:ES6引入的类语法糖,提供更接近传统面向对象语言的写法。 6. 封装与模块化:如何使用闭包和立即执行函数表达式(IIFE)来实现封装,以及AMD、CommonJS和ES6模块系统。 7. 继承模式:浅谈原型...

    JAVASCRIPT 面向对象编程精要

    ### JavaScript面向对象编程精要 #### 一、引言 JavaScript是一种灵活且强大的脚本语言,它虽然起源于一种简单的浏览器脚本语言,但随着时间的发展,JavaScript已经成为了一种功能全面的编程语言,尤其是在Web开发...

    JavaScript BOM操作 window对象的子级对象 示例代码

    window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window...

    Javascript面象对象成员、共享成员变量实验

    在探讨JavaScript面向对象编程时,成员变量和共享成员变量是非常重要的概念。JavaScript中的对象可以视为具有属性(成员变量)和方法(成员函数)的实例。我们通过构造函数或者直接使用对象字面量来创建对象,并且...

    javascript面向对象编程

    面向对象编程的基础知识及其在JavaScript中的运用;数据类型、操作符以及流程控制语句;函数、闭包、对象和原型等概念,以代码重用为目的的继承模式;BOM、DOM、浏览器事件、AJAX和JSON;如何实现JavaScript中缺失的...

    javascript创建对象的方式(二)

    在JavaScript中,创建对象是编程的基本操作之一,它支持多种方式来实现这一目的。这篇博客“javascript创建对象的方式(二)”可能详细介绍了在JavaScript中除了最基础的字面量语法之外的其他创建对象的方法。这里...

    JavaScript面向对象编程指南.pdf

    JavaScript面向对象编程是指在JavaScript语言中使用面向对象的方法来编写程序。JavaScript是一种高级的、解释型的编程语言,它支持面向对象的编程范式,允许开发者创建对象、使用继承和多态等面向对象的特性。以下是...

    JavaScript bom操作 window对象的方法 示例代码

    JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...

    JavaScript面向对象基础.ppt

    在JavaScript中,面向对象编程(OOP)是其核心概念之一,允许开发者通过类和对象来组织和管理代码,提高代码的可重用性和可维护性。 8.1 面向对象术语 面向对象编程的基础包括类、对象、继承和多态等概念。类是对象...

    JavaScript面向对象编程指南

    JavaScript面向对象编程指南

    分享19个JavaScript 有用的简写写法

    JavaScript中的简写写法能极大地提高代码的可读性和效率,以下是一些常见的简写技巧,它们基于ES5和ES6的特性: 1. **三元操作符**:三元操作符(`condition ? exprIfTrue : exprIfFalse`)可以替代简单的if...else...

    JavaScript面向对象编程指南 pdf

    面向对象编程(Object-Oriented Programming,OOP)是JavaScript中的一个重要概念,它允许开发者以更加模块化、可复用的方式组织代码。下面将详细探讨JavaScript面向对象编程的基本原理、特性以及实际应用。 1. **...

    javascript面向对象编程(中文).pdf

    ### JavaScript面向对象编程知识点概述 #### 一、现代JavaScript编程概览 - **JavaScript的演进**:自诞生以来,JavaScript经历了从一个简单的脚本语言到现今被广泛应用于构建复杂应用的强大编程语言的过程。它的...

Global site tag (gtag.js) - Google Analytics