<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>单例</title>
</head>
<body>
<script type="text/javascript">
var name = "ldh";
var age = 19;
var name = "wxb";
var age = 48;
console.log(name); // ->wxb
// 对象数据类型的作用 :
// 把描述同一个事物(同一个对象的)的属性和方法放到同一个内存空间下,起到了分组的作用,这样不同事物之间即使属性名一样,相互也不会发生冲突
// -> 我们把这种分组编写代码的模式叫做 "单例模式"
// -> 在单例模式中 我们把person1或者person2也叫作"命名空间"
var person1 = {
name : "ldh",
age : 19
}
var person2 = {
name: "wxb",
age : 89
}
person1.age;
person2.name;
// 单例模式是一种项目开发中经常使用的模式,因为项目中我们可以使用单例模式来进行我们的模块化开发
// "模块化开发":对于一个相对来说比较大的项目,需要多人协作的开发的,我们一般情况下会根据当前项目的需求划分成几个功能板块,每个人负责一部分,同时开发,最后把每个人的代码进行合并
// 页卡模块中的change -> 实现选项卡切换
// 公共方法
var utils = {
select:function () {
}
}
// 页卡模块中的change->实现选项卡切换
var tabRender = {
change:function () {
utils.select(); // 在自己的命名空间下调用其他的命名空间的方法
}
}
// 搜索模块change->搜索内容变化处理的
var searchRender = {
change:function () {
this.clickEven(); // 在自己的命名空间下调用自己命名空间的方法
},
clickEven:function () {
}
}
</script>
</body>
</html>
网友评论