前段js編寫的私有規范

代碼展示

HTML:

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

發佈留言