前段js编写的私有规范

16-12-17 来源：[db:作者]

收藏我要投稿

代码展示

HTML：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    <div id="dkk">
    <div class="first" style="width:90px;height:90px;background:red;">first</div>
    <div class="sce" style="width:90px;height:90px;background:red;">sce</div>
    
</div>
<div id="sir" style="width:90px;height:90px;background:red">sir</div>
    </body>
</html>

JS：

$(function(){
     obj.dier();
     obj.funName();
     // funname.myfun();
    })
    // 作为对象方法
    var obj = {
        funName:function(){
            alert('这个必须放在一个对象内部，放在外边会出错！');
        },
        dier:function(){
         alert("生命在于尝试")
        }
    }


    // 给对象添加方法
    var funName = function(){}
    funName.prototype.myfun = function(){
        alert('这是在funName函数上的原始对象上加了一个myfun方法，构造函数中用到');
    }
    // 调用
    var funname = new funName();// 创建对象
    // funname.myfun();
    
    // 给对象添加多个方法
    // var funName = function(){}
    // funName.prototype = {
    //     fun1:function(){
    //         alert('fun111');
    //     }
    //     ,fun2:function(){
    //         alert('fun2222');
    //     }
    // }
    // // 调用
    // var funname = new funName();// 创建对象
    // funname.fun1();
    // funname.fun2();


    (function($view) {
    var $merchantPage = $view.find(".first");
    var $cartPage = $view.find(".sce");
    var $shade = $view.find("#sir");


    


    function closePage() {
        alert('first')
    }


    function showCart() {
        alert('sce')
    }


    function showMerchant() {
         alert('sir')
    }
    var obj = {
        funName:function(){
            alert('funName');
        },
        dier:function(){
          alert("dier")
        }
    }




    var funName = function(){}
    funName.prototype = {
        fun1:function(){
            alert('caca');
        }
        ,fun2:function(){
            alert('ca o');
        }
    }
    var funname = new funName();
    // funname.fun2()


    $view
        .on("click", ".first", obj.funName)
        .on("click", ".sce", funname.fun2)
        .on("click", "#sir", closePage)
    ;


})($(document.getElementById("dkk")))

点击复制链接与好友分享!回本站首页