javascript/javascript-based/namespace/namespace.HTML at master · HZXrules/javascript

63 lines (49 loc) · 1.45 KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> 命名空间的注入 </title>
  <meta name="Generator" content="Vbooking System">
  <meta name="Author" content="cwwu">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 </head>
 <body>
  <script type="text/javascript">
    var myApp = myApp || {};
myApp.utils =  {};

(function () {
  var val = 5;

  this.getValue = function () {
      return val;
  };
   
  this.setValue = function( newVal ) {
      val = newVal;
  }
      
  // also introduce a new sub-namespace
  this.tools = {};
    
}).apply( myApp.utils );  

// inject new behaviour into the tools namespace
// which we defined via the utilities module

(function () {
    this.diagnose = function(){
        return "diagnosis";   
    }
}).apply( myApp.utils.tools );

// note, this same approach to extension could be applied
// to a regular IIFE, by just passing in the context as 
// an argument and modifying the context rather than just
// "this"

// Usage:

// Outputs our populated namespace
console.log(myApp);

// Outputs: 5
console.log( myApp.utils.getValue());

// Sets the value of `val` and returns it
myApp.utils.setValue( 25 ); 
console.log(myApp.utils.getValue());

// Testing another level down
console.log( myApp.utils.tools.diagnose() );
  </script>  
   
 </body>
</html>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Expand file tree

Search code, repositories, users, issues, pull requests...

FilesExpand file tree

namespace.HTML

Latest commit

History

namespace.HTML

File metadata and controls

Expand file tree