尚学堂requireJs课程---2、模块

一、总结

一句话总结：

# 将代码以及使用放到独立的闭包中去，并且赋值给了变量，便于外部访问
# return出了函数和变量（放在一个json对象中）
# 百度的webuploader应该就是这么搞的，require.js的最基础原理也是这个
# 搞那么复杂就是为了解决一个作用域的问题
// 模块!

var module = (function(){

   var Demo = {

   }

    var hello = "hello";

    function userInfo(){

      var name = "iwen";

      var age = 20;

      console.log(name);

    }

    return {

      userInfo:userInfo,

      hello:hello

    }

})();

console.log(module.hello);

module.userInfo();

1、js中通过对象实现变量不至于直接挂载到全局（缺点是外部可以修改，不符合开闭原则）？

用对象来定义变量
var infoObj = {

  name:"iwen",

  age:20,

  sex:"男"

}

// 不至于直接挂载到全局

console.log(infoObj.age);

infoObj.age = 30;

console.log(infoObj.age);

2、js作用域独立实例（外部不能修改，问题是外部无法使用）？

将代码以及使用放到独立的闭包中去
(function(){

  function userInfo(){

    var name = "iwen";

    var age = 20;

    return {

      name:name,

      age:age

    }

  }

  console.log(userInfo().age);

  var info = userInfo()

  console.log(info.name);

})();

3、js模块实例（在js作用域独立的基础上赋值给变量，便于外部访问）？

# 将代码以及使用放到独立的闭包中去，并且赋值给了变量，便于外部访问
# return出了函数和变量（放在一个json对象中）
# 百度的webuploader应该就是这么搞的，require.js的最基础原理也是这个
# 搞那么复杂就是为了解决一个作用域的问题
// 模块!

var module = (function(){

   var Demo = {

   }

    var hello = "hello";

    function userInfo(){

      var name = "iwen";

      var age = 20;

      console.log(name);

    }

    return {

      userInfo:userInfo,

      hello:hello

    }

})();

console.log(module.hello);

module.userInfo();

二、内容在总结中

 <!DOCTYPE html>

 <html lang="en" dir="ltr">

   <head>

     <meta charset="utf-8">

     <title></title>

   </head>

   <body>

     <script type="text/javascript">

       /*

         模块

           设计模式规范：

             开闭原则：对扩展开放，对修改关闭

       */

       // var infoObj = {

       //   name:"iwen",

       //   age:20,

       //   sex:"男"

       // }

       // // 不至于直接挂载到全局

       // console.log(infoObj.age);

       // infoObj.age = 30;

       // console.log(infoObj.age);

       // 作用域独立

       // (function(){

       //   function userInfo(){

       //     var name = "iwen";

       //     var age = 20;

       //     return {

       //       name:name,

       //       age:age

       //     }

       //   }

       //   console.log(userInfo().age);

       //   var info = userInfo()

       //   console.log(info.name);

       // })();

       // 模块!

       var module = (function(){

          var Demo = {

          }

           var hello = "hello";

           function userInfo(){

             var name = "iwen";

             var age = 20;

             console.log(name);

           }

           return {

             userInfo:userInfo,

             hello:hello

           }

       })();

       console.log(module.hello);

       module.userInfo();

     </script>

   </body>

 </html>
 

尚学堂requireJs课程---2、模块的更多相关文章

  1. 尚学堂requireJs课程---3、私有和公有属性和方法

    尚学堂requireJs课程---3.私有和公有属性和方法 一.总结 一句话总结: 在 [模块] 的基础上,在return对象里面的方法和属性就是公有的(因为外部可以访问),不在的就是私有的 < ...

  2. 尚学堂requireJs课程---1、作用域回顾

    尚学堂requireJs课程---1.作用域回顾 一.总结 一句话总结: 尚学堂的课程的资料他的官网上面是有的 1.js作用域? ~ js中是函数作用域:局部变量的话要写var关键词 ~ 闭包可以解决 ...

  3. [JAVA教程] 2016年最新spring4框架搭建视频教程 【尚学堂】

    Spring4框架 主讲:邹波 类型:SSH 适合对象:学习完javase.数据库技术.jdbc者 Spring4.0作为一个广泛使用的开源框架,它由Rod Johnson创建.它是为了解决企业应用开 ...

  4. 尚学堂Java第一课

    今天是北京尚学堂郑州分校开课的第一天,小班面授教学. 我很兴奋,是一个小白对IT大神渴求传道授业解惑的兴奋. 杨老师还是一贯耐心详细的手敲了第一堂课的完整大纲,必须给杨老师赞赞赞!!! 从幽默的制定班 ...

  5. 尚学堂马士兵struts2 课堂笔记(一)

    06_尚学堂马士兵_Struts2_Struts2_HelloWorld_5 <constant name="struts.devMode" value="true ...

  6. SVN和Git的功能和区别，尚学堂SVN和Git学习视频资料免费下载

    对于软件开发人员来说,版本控制系统再熟悉不过了,所谓版本控制系统就是软件项目开发过程中用于储存开发人员所写代码所有修订版本的软件.目前常见的版本控制系统分为集中式版本控制系统(SVN)和分布式版本控制 ...

  7. 又到毕业季，尚学堂喊你免费领取100个Java毕设项目（含源码视频），限时一周哦！

    你还在为毕设发愁?不知道该如何命题?不知道从哪里下手?担心毕设过不了影响毕业? 尚学堂首家隆重推出了刷爆朋友圈的毕设100个项目,别说你还没去下载观看!!最最重要的是:免费!免费!免费!而且限时一周! ...

  8. 《尚学堂_史上最易懂的设计模式视频》--章节3 Iterator迭代 模拟列表

    广州尚学堂官网-|广州Java培训|Java培训机构|人工智能+Python培训|PHP培训|全栈工程师培训|UI设计培训|前端移动开发培训http://www.gzsxt.cn/ ==Iterato ...

  9. 尚学堂JAVA基础学习笔记

    目录 尚学堂JAVA基础学习笔记 写在前面 第1章 JAVA入门 第2章 数据类型和运算符 第3章 控制语句 第4章 Java面向对象基础 1. 面向对象基础 2. 面向对象的内存分析 3. 构造方法 ...

随机推荐

  1. 修改this的指向

    call var a={ name:'xuux', fn:function(a,b){ console.log(a+b); console.log(this);//{name: "xuux& ...

  2. java三大框架——Struts + Hibernate + Spring

    Struts主要负责表示层的显示 Spring利用它的IOC和AOP来处理控制业务(负责对数据库的操作) Hibernate主要是数据持久化到数据库 再用jsp的servlet做网页开发的时候有个 w ...

  3. idea 党用快捷键

    实用快捷键: Ctrl+/ 或 Ctrl+Shift+/ 注释(// 或者/*...*/ )Ctrl+D 复制行Ctrl+X 删除行快速修复 alt+enter (modify/cast)代码提示 a ...

  4. 通过Callable接口实现多线程

    一.通过Callable接口实现多线程 c.实现Callable重写call方法 实现Callable和实现Runnable类似,但是功能更强大,具体表现在 a.可以在任务结束后提供一个返回值,Run ...

  5. Repeater循环页面上的控件

    List<string> list = new List<string>(); for (int k = 0; k < RepeaterList.Items.Count; ...

  6. PyCharm 创建指定版本的 Django （超详细图解）

    最近在学习胡阳老师(the5fire)的<Django企业级开发实战>,想要使用pycharm创建django项目时,在使用virtualenv创建虚拟环境后,在pycharm内,无论如何 ...

  7. Phoenix批量提交优化，官网的demo

    1 Phoenix的批量insert官网代码,最佳实践 try (Connection conn = DriverManager.getConnection(url)) { conn.setAutoC ...

  8. idea 下gradle创建springboot 项目

    InterlijIdea 开发环境下创建基于springBoot的项目. 环境 1.jdk1.5以上 2.interlijidea 15 以上 步骤 1.File –>new –>Proj ...

  9. ASP.netMVC验证码

    .复制下列代码,拷贝到控制器中. #region 生成验证码图片 // [OutputCache(Location = OutputCacheLocation.None, Duration = 0, ...

  10. target runtime com.genuitec.runtime.genuitec.jee60 is not defined

    选中项目,右键 -> Properties -> Project Facets -> 在Runtimes 里 选择用Tomcat运行,然后 Apply -> OK. 问题解决.