js模块模式

最新推荐文章于 2023-04-25 22:22:36 发布

啊哈前端

最新推荐文章于 2023-04-25 22:22:36 发布

阅读量482

点赞数

分类专栏： js设计模式

本文链接：https://blog.csdn.net/wuzhe128520/article/details/54319172

版权

js设计模式专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>js实现模块模式</title>
 </head>
 <body>
	<script type="text/javascript">
		var loginModule = (function(){
				"use strict";
				var module = {};
				//私有变量
				var privateVariable = 42;
				//私有方法
				var privateLogin = function(userNameValue, userPasswordValue){
					if(userNameValue === "admin" && userPasswordValue === "secret"){
							return privateVariable;
					}
				}
				//暴露到外面的属性和方法
				module.myConstant = 1984;
				module.login = function(userNameValue, userPasswordValue){
						privateLogin(userNameValue, userPasswordValue);
						console.log("login implementation omitted");
				}
				module.logout = function(){
					console.log("logout implementation omitted");
				}
				return module;
		})();
	</script>
 </body>
</html>