> 백엔드 개발 > PHP 튜토리얼 > 崩溃了,这样的js写法你们见过么?希望能得到详细的指点解决方法

崩溃了,这样的js写法你们见过么?希望能得到详细的指点解决方法

WBOY
풀어 주다: 2016-06-13 13:48:09
원래의
870명이 탐색했습니다.

崩溃了,这样的js写法你们见过么?希望能得到详细的指点
function interfaceInit(){
Dialog = (function (){
var now = null;
return {
add : function (id){
alert( id);
},
getNow : function(){
alert(now);
}
}
})();
}

这到底是函数还是对象啊?怎么会有这样的写法?我怎么调用?
这样的写法有什么好处?写得是人都看不懂的!

------解决方案--------------------
interfaceInit 应该是面向对象里的接口

所有继承了interfaceInit这个接口的类或函数,都要定义Dialog函数。
------解决方案--------------------
那Dialog函数里面又有add和getNow两个方法,怎么调用呢?
==========

JScript code

var init = new interfaceInit();
init.Dialog.add();
init.Dialog.getNow();
<br><font color="#e78608">------解决方案--------------------</font><br>这样改会不会看得明白点?<br>可以把下面的代码扔到页面中,应该会alert出2.<br>
로그인 후 복사
JScript code

<script>
var Dialog = {};
function   interfaceInit(){ 
var now = null;
Dialog   =  { 
                add  :  function(id){ 
               alert(id); 
            }, 
            getNow :  function(){ 
               alert(now); 
            } 
        } 
} 
var interface = new interfaceInit();

(function(){
    var dialog = Dialog;
    dialog.add(2);
})()
</script>
<br><font color="#e78608">------解决方案--------------------</font><br>  Js类 匿名对象.
<br><font color="#e78608">------解决方案--------------------</font><br>To:xuStanly<br>你自己写的代码有做过测试吗?!<br><br>To:foolbirdflyfirst<br>
로그인 후 복사
JScript code
<script>
var Dialog = {};
function   interfaceInit(){ 
var now = null;
Dialog   =  { 
                add  :  function(id){ 
               alert(id); 
            }, 
            getNow :  function(){ 
               alert(now); 
            } 
        } 
} 
var interface = new interfaceInit();

(function(){
    var dialog = Dialog;
    dialog.add(2);
})()
</script>
<br><font color="#e78608">------解决方案--------------------</font><br>to ls:<br>我原意是让lz明白<br>1.(function(){alert(1)})();//定义一个匿名函数,然后马上执行。<br>2. var a = function(){alert(1);} a();//定义一个变量为函数,然后调用执行<br><br>这两种调用方式其实是一样的。<br><br>所以Dialog = (function(){<br>                return{a:'1',b:'2'}//返回一个object<br>             })();<br>其实相当于Dialog = {a:'1',b:'2'}<br><br><br>也可以改得通俗易懂一点<br>var a = function(){return {a:'1',b:'2'}}<br>Dialog = a();<br>alert(Dialog.a)//will alert 1<br><br>
<br><font color="#e78608">------解决方案--------------------</font><br>
로그인 후 복사
JScript code
<script type="text/javascript">
    function interfaceInit(){
        Dialog = (function(){
            var now = null;
            return {
                add: function(id){
                    alert(id);
                },
                getNow: function(){
                    alert(now);
                }
            }
        })();
    }
    
    interfaceInit();
    Dialog.add(123);
</script>
<br><font color="#e78608">------解决方案--------------------</font><br>这种格式非常正常,如果你深入的了解了js,就会发现如果想实现一些比较高级的应用,js代码只能这么写,建议楼主看看<br><javascript>(也就是O'reilly的犀牛书),重点学习一下与函数,对象相关的章节<br>然后,可以找一个比较流行的js框架学习一下他的源代码,比如prototype <div class="clear">
                 
              
              
        
            </div></javascript>
로그인 후 복사
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿