js模块化接触案列

最新推荐文章于 2023-01-29 14:39:39 发布

弹琴弹琴

最新推荐文章于 2023-01-29 14:39:39 发布

阅读量406

点赞数

分类专栏： JavaScript点滴知识文章标签： javascript 模块化

本文链接：https://blog.csdn.net/bbsyi/article/details/50484215

版权

JavaScript点滴知识专栏收录该内容

126 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>

</head>
<body>
   <input type="submit" οnclick="jsMobile.fnh()">
</body>
<script type="text/javascript">
   // 数组对象写法
   // var jsMobile={
   //    _height:100,
   //    _width:50,
   //    fnh:function(){
   //        alert(jsMobile._height);
   //    },
   //    fnw:function(){
   //        alert(jsMobile._width);
   //    }
   // }
   // jsMobile.fnw();
   // 对象写法
   // var jsMobile=new Object({
   //    _height:100,
   //    _width:50,
   //    fnh:function(){
   //        alert(jsMobile._height);
   //    },
   //    fnw:function(){
   //        alert(jsMobile._width);
   //    }
   // });
   // jsMobile.fnw();
   // 立即执行法（可以达到不暴露私有成员的目的）
   var jsMobile=(function(){
       var _height=100;
       var _width=50;
       var fnh=function(){
           alert(_height);
       };
       var fnw=function(){
           alert(_width);
       };
       return {
           fnh : fnh,
           fnw : fnw
       };
   })();
   jsMobile.fnw();
   </script>
</html>