尚学堂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. 5.Hibernate 核心开发接口

    一.Configuration(AnnotationConfiguration) 作用:进行配置信息的管理 目标:用来产生SessionFactory 可以在configure 方法中指定hibern ...

  2. Java学习笔记【十三、多线程编程】

    概念 Java 给多线程编程提供了内置的支持.一个多线程程序包含两个或多个能并发运行的部分.程序的每一部分都称作一个线程,并且每个线程定义了一个独立的执行路径. 多线程是多任务的一种特别的形式,但多线 ...

  3. 公司 vuessr 项目讲解

  4. LVS (Linux虚拟服务器)-不同的负载均衡方法

    随着Internet用户的增长,基于Web的公司处理的通信量急剧增加.有各种解决方案来应对这种不断增长的流量. 一种解决方案是垂直扩展服务器(即:简单地向服务器添加更多的CPU和内存资源.)当然在一定 ...

  5. PotPlayer直播源分享

    添加直播源方法: 央视CCTV1综合HD-1,rtsp://113.136.42.45:554/PLTV/88888888/224/3221226087/10000100000000060000000 ...

  6. except用法

    #!/usr/bin/expect set timeout 20 spawn ssh -l root 172.25.254.102 expect "(yes/no)?" send ...

  7. linux基础—课堂随笔010_系统启动和内核管理

    系统启动和内核管理 Linux: kernel+rootfs kernel: 进程管理.内存管理.网络管理.驱动程序.文件系统.安全功能 rootfs:程序和glibc 库:函数集合, functio ...

  8. PXE+Kickstart实现批量化无人值守安装

    centos7下进行kickstart配置 配置kickstart时需要pxe芯片,为获取ip地址 1.先安装dhcpd服务器 yum install -y dhcpd 1-1.配置dhcp的配置文件 ...

  9. PAT Basic 1030 完美数列 (25 分)

    给定一个正整数数列,和正整数 p,设这个数列中的最大值是 M,最小值是 m,如果 M≤mp,则称这个数列是完美数列. 现在给定参数 p 和一些正整数,请你从中选择尽可能多的数构成一个完美数列. 输入格 ...

  10. debian docker环境搭建

    环境(阿里): 登陆到系统: 我们主要看执行结果截图(所有命令都进行复制) 卸载旧版本: 使用 APT 安装: 这里 输入 y  然后等待执行结束 添加软件源的 GPG 密钥. 一开始我是手打的命令, ...