zoukankan      html  css  js  c++  java
  • Javascript实现类似C#类的封装

    对Javascript研究不深,虽然有许多自己的C#类库,却没有一个自己的js类库,一直都是用到了再去找去写。
    以后要像封装C#类一样,把常用的js方法也封装起来。
    JsClass.js文件

    //定义一个类
    function _HY_JsClass(){}

    //定义类的属性
    _HY_JsClass.prototype={
        p1:
    0,
        p2:{a:
    0,b:1}
    }

    //定义类的方法
    _HY_JsClass.prototype.myMethod = function(param1,param2){
        
    return param1 + param2;
    }

    //创建一个类实例
    var _HY_JsClass = new _HY_JsClass();

    /*
    //调用方法
    _HY_JsClass.myMethod(1,2);

    //设置属性
    _HY_JsClass.p1 = 100;
    */

    JsClass.htm文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        
    <title>Javascript实现类似C#类的封装</title>
        
    <script type="text/javascript" src="js/JsClass.js"></script>
        
    <script type="text/javascript">
        
    //要使用类库,引入js文件即可。直接通过实例名调用js方法,就好像C#中的static方法一样。
            function f(){
                alert(_HY_JsClass.myMethod(
    1,2));//实例名.方法(参数列表..);
                _HY_JsClass.p1 = 1;//实例名.属性
                alert(_HY_JsClass.p1);
            }
        
    </script>
    </head>
    <body>
        
    <input type="button" value="ok" onclick="f();" />
    </body>
    </html>
  • 相关阅读:
    2016_6_28日报
    2016_6_27日报
    软工总结
    团队项目:第九关攻略
    团队项目:第八关攻略
    团队项目:第七关攻略
    团队项目:第六关攻略
    团队项目:第五关攻略
    团队项目:第三四关攻略
    day5
  • 原文地址:https://www.cnblogs.com/greatverve/p/1591394.html
Copyright © 2011-2022 走看看