JavaScript面试后反思.docVIP

JavaScript面试后的反思(1) 2012-07-06 13:54 nowamagic MXRIA HYPERLINK /art/201207/346767.htm \l commment#commment \t _self 我要评论(0) 字号： HYPERLINK javascript:setfont(12); \t _self T | HYPERLINK javascript:setfont(16); \t _self T 为什么这么说，前些日子收到面试邀请，那就去试试呗，有几年没有面试过了吧。和面试官坐在沙发上，聊天式的他问我答，以下就是几个javascript方面的问题。 AD： HYPERLINK /cloud2013/ \t _blank 2013云计算架构师峰会精彩课程曝光 写此文目的是为了让更多的程序员理解javascript的一些概念，对，是理解，而不是了解。我们已经了解得够多了，该是向深入理解的方向靠拢的时候了。 为什么这么说，前些日子收到面试邀请，那就去试试呗，有几年没有面试过了吧。和面试官坐在沙发上，聊天式的他问我答，以下就是几个javascript方面的问题： 请创建一个对象，包括几个公有属性，接下来是为对象创建一个公有方法，然后为对象创建几个私有属性，一个私有方法。 说实话，这几个问题我默名其妙，要是他让我用jquery写个拖动插件什么的，我估计我能写挺好，原生的javascript，晕，虽然我看过jquery源码解读，但这些基本概念要命。 本文的例子输出使用如下方法，便于查看： function dwn(s){document.write(s+br /);} function 从一开始接触到js就感觉好灵活，每个人的写法都不一样，比如一个function就有N种写法，如： function showMsg(){} var showMsg = function(){} showMsg = function(){} 似乎没有什么区别，都是一样的嘛，真的是一样的吗，大家看看下面的例子： ///--------------------------------------------------- //函数定义：命名函数（声明式），匿名函数（引用式） //声明式，定义代码先于函数执行代码被解析 function t1(){dwn(t1);} t1(); function t1() { dwn(new t1);} t1();//引用式，在函数运行中进行动态解析 var t1 = function(){ dwn(new new t1);} t1(); var t1 = function() {dwn(new new new t1);} t1();//以上输出：new t1,new t1,new new t1,new new new t1 可能想着应该是输出t1,new t1,new newt1,new new new t1，结果却并不是这样，应该理解这句话：声明式，定义代码先于函数执行代码被解析。 如果深入一步，应该说是scope链问题，实际上前面两个方法等价于window.t1，可以理解为t1是window的一个公有属性，被赋了两次值，以最后一次赋值为最终值。 而后面两个方法，可以理解为是t1是个变量，第四个方法的var去掉之后的结果仍然不会改变。 然而，当第四个方法改成function t1(){}这样的声明式时，结果变成了new new new t1,new new new t1,new new t1,new new t1前面两个按照我的理解可以很好的理解为什么是这个答案，第三个也可以理解，但是最后一个输出让我比较纠结。 另外匿名函数还有(function(){...})()这样的写法，最后一个括号用于参数输入。 还有var t1=new function(){..}这样的声明，实际上t1已经是一个对象了。 var t2 = new function(){ var temp = 100; //私有成员 this.temp = 200; //公有成员，这两个概念会在第三点以后展开说明 return temp + this.temp;} alert(typeof(t2)); //object alert(t2.constructor()); //300 除此之外，还有使用系统内置函数对象来构建一个函数，例： //这个位置加不加new结果都一样，WHY var t3 = new Function(var temp = 100; this.temp =