闭包01.html

最新推荐文章于 2025-09-04 18:55:33 发布

转载最新推荐文章于 2025-09-04 18:55:33 发布 · 40 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/loewe0202/p/5646115.html

文章标签：

#javascript #ViewUI

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script >
            //声明一个包
            var React=(function(){
            
                //闭包内部函数
                function createElement(obj){
                    console.log(obj);
                    var ele=obj.render();
                    document.getElementById("app").innerHTML=ele;
                }
                //闭包内部函数
                function unmountAtNode(nodes){
                    nodes.innerHTML="";
                }
                
                //闭包对外return的函数
                return{
                    createClass:function(obj){
                           createElement(obj);
                    },
                    unmountComponentAtNode:function(nodes){
                          unmountAtNode(nodes);
                    }
                }
            })();
            window.onload=function(){
                React.createClass({
                    render:function(){
                        return '<div>HelloWolrd</div>';
                    }
                });
                
                //加一个定时器 3s以后把之前进去的组件卸载了
                setTimeout(function(){
                    React.unmountComponentAtNode(document.getElementById("app"));
                },3000);
            }
            
        </script>
    </head>
    <body>
        <div id="app"></div>
    </body>
</html>