最近没有编码任务,作为一个才毕业的小辣鸡,给的任务就是看一下公司的新系统,熟悉怎么用哪些地方是干什么的。

下午喝了两杯水,感觉有点浪。然后就开始看了下代码。发现有一个函数是这样子的。

                        var TX = {};
//命名空间函数
TX.nameSpace = function (str) {
var arr = str.split(".");
var o = TX;
for (i = (arr[0] == "TX") ? 1 : 0; i < arr.length; i++) {
o[arr[i]] = o[arr[i]] || {};
o = o[arr[i]];
}
}

我看到其中for那段的时候。感觉有点看不懂了。果然自己还是太low了。。。。

假设我穿进去一个"Model"参数。那么这段岂不是 o["Model"]=o["Model"] || {};o=o["Model"];?????????

当时的我慌了,我觉得我可能不适合干这一行了。我按照我当时的心理分析一下:

1、首先声明了一个对象TX;

2、然后var o=TX;这个也好理解,声明了另一个o等于X。我当时这里还想了一下,有可能是地址传递。

3、然后。。额。。o["Model"]={};o={};.....

我心想。这能改变TX这个对象并且能达到命名空间的作用吗?我瞬间感觉我刚才那2杯水喝进脑子里了。。这怎么行?!!!我必须查看个究竟!!

于是我尝试了一下,方式一:

TX.nameSpace("Model");console.log(TX);

我发现,真的有了!!!TX下边真的有个object叫做Model!!见鬼了!!

然后我再次尝试这种方式,方式二:

TX["Model"]=TX["Model"] || {};TX=TX["Model"];console.log(TX);

结果你猜怎么着。TX变成了一个空的对象。连nameSpace方法也没了!!!OH!why!!

我于是再大胆想象了一下。两者如果只是值传递,那么o改变肯定TX是不会改变的。

如果两者是地址传递。那么为什么上面两种方式得到的结果不一样呢。我以前学的东西在js这里不起作用么。。。还是我以前就错了。。。。

我于是继续尝试了下方式三:

var o = TX;
o["Model"]={};
o=o["Model"];
console.log(TX);

console.log(o);

细心的我发现,TX确实实现了命名空间想要的结果,o变成了一个空对象。这里边肯定有邪术。我于是有点后悔,我要是早点细心起来,发现万有引力的人应该是我了。哎,继续探究吧。

我查阅了书,和网上一些相似的例子。终于发现是什么原因了。

首先TX是一个object,假设TX有一个指针,指向object1。然后有一个o,我们给他赋值了TX,于是o也有一个指针指向了object1。这个时候,我们让o["Model"]={}。说明什么,说明object1.Model={},聪明的你肯定能想到这里。然后o=o["Model"]。这里这个o["Model"]在上一句运行结果里是等于{}的,执行完这一句是什么意思?那就是o重新赋值了,指向了另一个object,假设地址是object2,那么o就指向object2了。这个object2地址里是个空对象,自然方式三输出的就是一个空对象了。但是,但是来了,但是TX还是指向object1地址的,所以,TX下边就有了Model的属性。

然后问题又来了,其实才接触js不就的小白我不明白这么写有什么意义。要再弄一个对象来修改。为什么不直接使用TX["Model"]={};这样子呢??然后我再次去看了下那个函数。恍然大悟,并不是人家写得不好或者为了让人看不懂。设想一下,假如我传的参数是"TX.Model.Access"呢??

由命名空间函数而引发思考--js中的对象赋值问题的更多相关文章

  1. 分享一个好用的函数吧,将js中的对象转成url参数

    JavaScript&jQuery获取url参数方法 这个函数呢是自己在写基于Vue+ElementUI管理后台时用到的,,下面列出来两种使用方式: 最普通的,封装一个js函数 /** * 对 ...

  2. js中判断对象具体类型

    大家可能知道js中判断对象类型可以用typeof来判断.看下面的情况 <script> alert(typeof 1);//number alert(typeof "2" ...

  3. 浅解析js中的对象

    浅解析js中的对象 原文网址:http://www.cnblogs.com/foodoir/p/5971686.html,转载请注明出处. 前面的话: 说到对象,我首先想到的是每到过年过节见长辈的时候 ...

  4. JavaScript学习12 JS中定义对象的几种方式

    JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

  5. js中推断对象详细类型

    大家可能知道js中推断对象类型能够用typeof来推断. 看以下的情况 <script> alert(typeof 1);//number alert(typeof "2&quo ...

  6. JavaScript学习12 JS中定义对象的几种方式【转】

    avaScript学习12 JS中定义对象的几种方式 转自:  http://www.cnblogs.com/mengdd/p/3697255.html JavaScript中没有类的概念,只有对象. ...

  7. Js中Map对象的使用

    Js中Map对象的使用 1.定义 键/值对的集合. 2.语法 mapObj = new Map() 3.备注 集合中的键和值可以是任何类型.如果使用现有密钥向集合添加值,则新值会替换旧值. 4.属性 ...

  8. JS中的对象和方法简单剖析

    众所周知,在js中对象就是精髓,不理解对象就是不理解js. 那么什么事js中的对象呢? 在js中,几乎一切皆对象: Boolean ,String,Number可以是对象(或者说原生数据被认作对象): ...

  9. js中arguments对象和this对象

    js中arguments对象和this属性 如果不注重复习,花时间准备的材料毫无意义 arguments对象和this对象都是对象 直接来代码 <!DOCTYPE html> <ht ...

随机推荐

  1. latex如何把目录页的页码去掉?

    页眉的显示与关闭,清空,还有样式之间的切换,需要用到如下几个命令: \pagestyle  用于设置当前页以及后续页面的页眉显示情况(可称为页版式).中间页版式可由\thispagestyle命令来指 ...

  2. nyoj 21三个水杯(BFS + 栈)

    题目链接: http://acm.nyist.net/JudgeOnline/problem.php?pid=21 思想: 看了一下搜索就来写了这题(BFS 找出最短路径 所以用此来进行搜索) 这题在 ...

  3. SQL Server 中同时操作的例子:

    在SQL 中同一逻辑阶段的操作是同时发生的. 先有一个例子做为带入: declare @x as int =1;declare @y as int =2;set @x=@y;set @y=@x;sel ...

  4. JVM内存最大能调多大分析

    上次用weblogic 把 -XmxXXXX 设成2G,就启动不起来,设小点就起来了,当时很气,怎么2G都起不了,今天在看到了一篇解释,转过来了这 次一位老友提出了这个问题,记得当年一个java高手在 ...

  5. Address already in use: JVM_Bind错误的解决

    1,独立运行的Tomcat没有关闭. 自安装的tomcat程序设置开机自动运行,或者在之前运行过,先关闭ecplipse或jbuilder,在任务管理器中找到Tomcat的进程,将其 kill掉,即可 ...

  6. Html 小插件2

    调用google的JS翻译插件实现页面自动翻译功能 网址http://translate.google.com/translate_tools 设置自己需要的配置生成如下代码放到自己站的页面头部 代码 ...

  7. HDU 5773 The All-purpose Zero(树状数组)

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5773 [题目大意] 给出一个非负整数序列,其中的0可以替换成任意整数,问替换后的最长严格上升序列长 ...

  8. java类的封装、继承、多态

    一.封装(encapsulation) 封装性就是把类(对象)的属性和行为结合成一个独立的相同单位,并尽可能隐蔽类(对象)的内部细节,对外形成一个边界,只保留有限的对外接口使之与外部发生联系.封装的特 ...

  9. IOS开发之----协议与委托(Protocol and Delegate) 实例解析

    1 协议: 协议,类似于Java或C#语言中的接口,它限制了实现类必须拥有哪些方法. 它是对对象行为的定义,也是对功能的规范. 在写示例之前我给大家说下@required和@optional这两个关键 ...

  10. javascript操作HTML元素

    操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法. 请使用 "id" 属性来标 ...