目录结构：

contents structure [+]

为什么需要获取类结构的代码

笔者认为主要是方便，如果一个项目很大或是引用了其它地方的js文件，如果顺着src文件查找会很麻烦。为了对代码理解的更好，还需要对javaScript的类有所了解，更多情况读者可以参考JavaScript定义类的三种方法。

关于javascript中对类的简介

其实Javascript中没有类这个定义，但是有类这个概念。很多人都写过这样的代码，就是一个关键字 function，然后定义一个方法名，方法名后紧跟一对括号。

定义类的方法

第一种

function Cat() {

　　　　this.name = "大毛";

}

或是

Cat.prototype.makeSound = function(){

　　alert("喵喵喵");

}

然后通过

var cat = new Cat();

创建对象，和

cat.makeSound();

来调用。

第二种

通过Object.create()创建

  var cat={

    name:"guaiguai"

  }

  var q=Object.create(cat);

不过这种方式下，也可以直接用

cat.name

调用。

Demo

HTML页面

<!DOCTYPE html>

<html>

  <head>

    <title>showProperty.html</title>

    <meta name="content-type" content="text/html; charset=UTF-8">

    <script src="date.js"></script>

  </head>

  <body>

  <h1>show Object detail</h1>

  <script>

    var num=new date();

    var property="<h2>property:</h2>";

    var functions="<h2>function:</h2>";

    var complete="<h2>complete:</h2>"

    //get complete information

    complete=complete+date;

    //through function and property

   for(prop in num){

     if(typeof(num[prop])=="function"){

       functions=functions+prop+":"+num[prop]+"<br>";

     }else

       property=property+prop+":"+num[prop]+"<br>";

   }

   //print

   document.write(complete+"<br>"+property+"<br>"+functions);

  </script>

  </body>

</html>

data文件

function date() {

    var year;

    var month;

    var day;

    this.year=new Date().getFullYear();

    this.month=new Date().getMonth();

    this.day=new Date().getDate();

    var fun;

    this.fun=function(){

        alert("I am coming fun1");

        this.year=new Date().getFullYear()-1;

        this.month=new Date().getMonth()-1;

        this.day=new Date().getDay()-1;

    }

}

注意事项

上面这段代码只能测试从外面连接进来的js文件里的类，而js自带的类就不行，比如：将上面的

var num=new date();

换成

var num=new Date();

就不行，这种情况下是不会显示时间类的结构的，除非在覆盖后，才会显示。

参考文章

http://www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html

http://www.jb51.net/article/20430.htm

http://www.cnblogs.com/xcj26/archive/2013/04/08/3006023.html

本文为博主原创文章，如需转载请注明出处。

【JavaScript】获取未知类的结构的更多相关文章

  1. php反射机制获取未知类的详细信息

    使用ReflectionClass就可以获取未知类的详细信息 demo: require("hello.php"); $class = new ReflectionClass(&q ...

  2. java 通过反射获取类属性结构，类方法，类父类及其泛型，类，接口和包

    首先自定义三个类 package reflection1; public interface MtInterface { void info(); } package reflection1; imp ...

  3. java 深入技术七（类的结构和反射）

    1.java反射(reflect) java 类的结构 java反射机制就是把java类按结构分解,每一部分对应特定的反射类 java反射机制允许运行时加载,探知和使用在编译期间完全未知的classe ...

  4. C#基础回顾（二）—页面值传递、重载与重写、类与结构体、装箱与拆箱

    一.前言 -孤独的路上有梦想作伴,乘风破浪- 二.页面值传递 (1)C#各页面之间可以进行数据的交换和传递,页面之间可根据获取的数据,进行各自的操作(跳转.计算等操作).为了实现多种方式的数据传递,C ...

  5. swift学习笔记3——类、结构体、枚举

    之前学习swift时的个人笔记,根据github:the-swift-programming-language-in-chinese学习.总结,将重要的内容提取,加以理解后整理为学习笔记,方便以后查询 ...

  6. JavaScript获取客户端计算机硬件及系统等信息的方法

    JavaScript获取客户端计算机硬件及系统等信息的方法 JavaScript 获取客户端计算机硬件及系统信息 通过WMI来实现获取客户端计算机硬件及系统信息: function getSysInf ...

  7. JavaScript里的类和继承

    JavaScript与大部分客户端语言有几点明显的不同: JS是 动态解释性语言,没有编译过程,它在程序运行过程中被逐行解释执行JS是 弱类型语言,它的变量没有严格类型限制JS是面向对象语言,但 没有 ...

  8. javascript获取元素的计算样式

    使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:1 ...

  9. 站在OC的基础上快速理解Swift的类与结构体

    阅读此文章前,您已经有一定的Object-C语法基础了!) 2014年,Apple推出了Swift,最近开始应用到实际的项目中. 首先我发现在编写Swift代码的时候,经常会遇到Xcode不能提示,卡 ...

随机推荐

  1. Transactional Replication2：在Subscriber中，主键列是只读的

    在使用Transactional Replication时,Subscriber 被认为是“Read-Only”的 , All data at the Subscriber is “read-only ...

  2. 安装CentOS、Linux系统时,GPT分区不能引导的解决方法

    安装系统:CentOS 5.9_64bit时,分区后, 提示如下错误. 解决方法: 1.按ctrl+alt+F2 进入命令行 2.先查看分区 sh #fdisk -l    以下假设分区是/dev/s ...

  3. Hello World of OpenCascade

    Hello World of OpenCascade eryar@163.com 摘要Abstract:以一个经典的Hello World程序为例开始对开源几何造型内核OpenCascade的学习. ...

  4. ConcurrentDictionary线程不安全么，你难道没疑惑，你难道弄懂了么？

    前言 事情不太多时,会时不时去看项目中同事写的代码可以作个参考或者学习,个人觉得只有这样才能走的更远,抱着一副老子天下第一的态度最终只能是井底之蛙.前两篇写到关于断点传续的文章,还有一篇还未写出,后续 ...

  5. EntityFramework 7.0之初探【基于VS 2015】（十）

    前言 本篇作为EF 7.0的开篇也是Entity Framework目前系列末篇,因为关于EF 7.0学习资料实在是太少,我都是参考老外的资料花费了不少时间去研究去尝试同时也失败多次,个人觉得那是值得 ...

  6. 应用程序框架实战三十八:项目示例VS解决方案的创建(一)

    进行项目开发的第一步,是创建出适合自己团队习惯的VS解决方案,虽然我已经提供了项目示例,但毕竟是我创建的,你直接使用可能并不合适,另外你如果尝试模仿重新创建该示例,中间可能碰到各种障碍,特别是项目间的 ...

  7. 【HTTP劫持和DNS劫持】实际JS对抗

    1.对于DIV注入的,可以初始化时检查全部html代码. 检测是否被劫持比较简单,但对抗就略麻烦,这个在说完第2点之后再解释. 2.对于js注入,可以在window监听DOMNodeInserted事 ...

  8. 延时调用--deferred.js原码分析

    有些时候,我们需要等待上一个操作完成之后,才能进行下一步的操作.比如Ajax实现自动提交表单操作的时候,程序需要等待,一旦有返回结果了,则继续进行一下步操作. 这时deferred.js这个库就产生了 ...

  9. EntityFramework 外键值映射

    如果在 EF OnModelCreating 中配置了实体外键映射,也就是 SQL Server 中的 ForeignKey,那么我们在添加实体的时候,主实体的主键值会自动映射到子实体的外键值,并且这 ...

  10. 1Z0-053 争议题目解析175

    1Z0-053 争议题目解析175 考试科目:1Z0-053 题库版本:V13.02 题库中原题为: 175.You are peer reviewing a fellow DBAs backup p ...