1.function closeWin(){ window.open('','_self'); window.opener=null; // window.open(location, '_self').close(); window.close(); }这段是兼容最新浏览器的关闭窗口代码，但是在chrome下以输入网址打开的页面无法使用window.close()，会提示Scripts may close only the windows that were opened by it.2.为input元素添加属性autocomplete="off" ,可以阻止火狐对input元素的缓存。据说type="hidden"的input会遇到这个问题。3.var a = {f:function f(){}};console.log(a.f);//f()console.log(f);//ReferenceError: f is not defined4.依赖注入有两种实现，一种以f.toString方法获取函数字符串，这种在代码压缩时有缺陷，另一种以显式注入获取参数。5.angularJS的作用域与DOM的关联是：作用域的层级由DOM的层级决定。6.frameElement、frameDocument是非法变量名7.HTML中的文本会包含"\n"，" "，"\t"等，每个算一个字符长度，如果用console的话会被转换，然后显示到控制台中。8.(function(){}());var fn = function(){}()为何不报错而function(){}()会报错？先说结论与其推导：(1)function(){}()的报错是function statement requires a name(2)function f(){}()的报错是expected expression, got ')'(3)()的报错是expected expression, got ')'这三个证据指明一个结论：function(){}()会被执行为function(){};();原因应该是：以"function"关键字开头的语句，会被视为函数声明【观点1：是{}没有被正确理解】http://blog.csdn.net/woshinia/article/details/18666223function(){}() //匿名函数立即执行， 语法分析期报错{}.constructor //获取对象直接量的构造器，语法分析期报错 令人不解的是为何[].constructor这么写却不报错呢，一个是想获取对象直接量的构造器，一个是获取数组直接量的构造器而已。 当然添加个变量接收也不会报错var c = {}.constructor; var fn = function(){}()，也不会报错。 实际上是js的“语句优先”在作怪，即{}被理解成复合语句块而不是对象直接量或声明函数的语义。【但是，我的测试结果并不支持这个说法，如下】function f(){}()//Firebug报错SyntaxError: expected expression, got ')'function a(){};();//报错同上();//报错同上，这可能是括号被理解为“表达式分组”，而不是“函数调用”。并不是大括号的问题。【我觉得原因是是第二对()没有被正确理解】【但是http://www.cnblogs.com/snandy/archive/2011/03/08/1977112.html的评论里还是支持观点1】http://www.zhcexo.com/round-brackets-in-javascript///例3(function () { //...})();//例4(function () { //...}());例3其实是强制运算圆括号中的函数，运算的结果是返回了函数自身，后面的括号就是函数的调用运算符，去调用被强制运算了的函数。而例4，圆括号的强制运算使得函数的调用运算得以执行，然后返回的是调用结果。虽然都能让函数调用起作用，但其实背后的原理就有这种小区别。//例5void function () { //...}();//例6~function () { //...}();void 和 ~ 都是一元运算符，它们的运算优先级都是低于最后面的括号的，但是 js 在解析的过程中，遇到了 void 和 ~，就会把后面的匿名函数识别为操作数，而它们的计算优先级比圆括号低，所以就发生了函数的调用，调用的结果再进行 void 和 ~ 运算，返回 undefined 和 -1。还有-,+,!，或者2*funct...}()。恐怕都是把匿名函数视为操作数，同理(function(){}())也应该是同样道理。10.javascript有get和set访问器，不知道为何从未看到过。data = 1;var o = { data : 2, get data(){ console.log('获取data数据'); return data; }, set data(value){ console.log('设置data数据'); data = value; console.log(this.data); }}o.data = 99;//data与o.data都会变成99如果打印o，o的data属性仍显示1，而不是211.http://www.cnblogs.com/snandy/archive/2011/03/08/1977112.html#comment_anchor_2042145void操作符会触发其后表达式的GetValue（也就是get访问器）。分组运算符() 同 delete typeof 等运算符类似. 不会对运算元.造成 GetValue()。delete 玩笑; //不会抛出异常.原因是运行时，执行到 delete 玩笑; 时, 并不会对标识符-玩笑,进行GetValue().delete (玩笑);//同样不会抛出异常.可见分组运算符() 并没有对 标识符 -玩笑 做额外的工作. 它仅仅是影响语法树的产生过程.以上，根据《你不知道的js》上卷P8所言，void似乎是触发了所谓的RHS查询，delete触发了LHS查询（RHS查询容器的值，LHS查询容器本身）12.FF上在setTimeout计时中执行alert()，不会阻塞计时器；在chrome和ie11上，退出alert后会继续计时。13.delete数组元素会用undefined填充，所以用[].splice吧14.p不能包含div，如果p>div>img时用$('p img')会查不到元素15. new Date(2015,0,1)的结果是1月1日。new Date(2015,0,0)的结果是2014年12月31日。16.mouseleave和mouseenter是不会冒泡的mouseout、mouseover17.关于jQuery的event对象的target：relatedTarget是指与在mouseover/enter、mouseout/leave时，鼠标将从中进入监听事件的元素的元素、鼠标将从监听事件的元素内进入的元素。currentTarget绑定事件处理函数的元素。delegateTarget是指使用jq的事件委托时，受委托的父元素。当事件绑定没使用事件委托时，等于currentTarget。target是指触发事件的元素。target可能是currentTarget也可能是currentTarget的子元素。关于原生event对象：target:触发事件的元素currentTarget:绑定事件处理函数的元素originalTarget:相当于targetexplicitOriginalTarget:最原始的事件发生节点，有可能是文本节点18.keypress与keydown和keyup无关。它监听字符输入，并以charCode或keyCode返回字符的Unicode值，如果按键为ctrl之类的不会触发keypress。19.href用"/"分割，可以用string.split("/")分割。20.导航栏跟随滚动的经验第一次：使用fixed发现fixed根据视口定位，这样left就会有问题，当页面有水平滚动时也会跟随滚动。第二次：使用absolute+js元素相对body绝对定位，滚动时使用jq的offset()设定其top。问题在于ie和chrome下导航会出现原因不明的闪烁，并非性能问题。第三次：使用fixed+js元素采取fixed，滚动时使用jq的css()设定其left。head.css({ left: (-1 * scrollLeft || 'auto') + 'px'})当无水平滚动时使用auto，当有水平滚动时相对视口往左偏移滚动的数值。21.$(document).scroll(function...)这在IE8无法监听滚动事件，应该改成$(window)22.window.undefined是不可改变的，但函数内部可以定义undefined23.比较浏览器视口与页面body的高度(document.documentElement.clientHeight > document.body.clientHeight)23.1 document.documentElement.scrollHeight === $(document).height()24.声明一个空数组arr，设置arr[5] = undefined;则arr.length === 6，使用for(var i in arr){console.log(i)}，会只打印525.在callback中写this，好像会变成undefined26.arguments不是数组，所以不能直接做arguments.slice()得要Array.prototype.slice.call(arguments, 1)27.var a;并不等同于var a = undefined;function f(a){ var a ; console.log(a)}f(0)//0function f(a){ var a = undefined ; console.log(a)}f(0)//undefined优先执行顺序为：var a;a = arguments[0]a = undefined;27.1 那么对于外部变量的读取优先度又如何呢？var data = 1;function f(){ var data = data; console.log(data)}f()//打印undefined。而var data = 1;function f(data){ var data = data; console.log(data)}f(data)//打印1。说明外部变量的读取，还在a = arguments[0]之前；【也有可能是，读data时会在作用域找，结果找到内部作用域的var a了，没能去到外部】28.对a执行elem.click()，是不会触发其跳转功能的，必须给其加一个子元素，对子元素模拟点击。29.事件绑定中的事件对象，e.delegateTarget是被委托的父元素e.currentTarget是目标子元素e.target是触发事件的元素，即子元素或其子元素30.JSON.parse('{"left": 1}')，注意其中一定要用双引号，$.parseJSON也是一样的。31.都说for-in会遍历所有原型链上的属性，为什么对{}做遍历不能遍历到toString这些key？https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/definePropertyObject.defineProperty()32.深拷贝使用还原字符串的实现有限制性：var o = { a: 1, b: 2, sum: function() { return a + b; }};var o2 = JSON.parse(JSON.stringify(o));//Object {a: 1, b: 2}似乎是无法复制方法的意思而且在继承上有问题：JSON.parse(JSON.stringify(new A())) instanceof A === false33.我认为，所有构造函数必须拥有函数名，以便于使用o.constructor查看其实例o的构造器。34.onblur事件可以在body上触发（点一下body,再点一下body所处的frame之外的页面。点网页外面是无效的，点frame内body外的区域也是无效）。如果写<body οnblur="">，和onclick不同，在input里触发的onblur是不会触发这个事件处理函数的（毕竟click也点到了body，而焦点并没有离开body）；34.1 使用jq的话，虽然div元素无法触发blur事件，但是可以为其中的input做blur的事件委托。34.1.1 blur事件无法做事件传播，事件委托的原理是检查35. var a = function f(){};console.log(f)//f is not definedf居然会成为私有变量36.大括号"{"不能作为表达式开头http://www.cnblogs.com/ziyunfei/archive/2012/09/16/2687589.html{} == true//expected expression, got '=='true == {}//无报错36.1 {a:2}中的大括号会被认为是代码块，a:2是正确的语法，但我不明白是做什么用37.'0' == false; 但('0' && 9)会通过并返回9。http://www.cnblogs.com/mofish/p/3402407.html原因是==的规则，如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。 38.无论是ng或者其他，当一个元素会被重用时，应该off掉其上相应的事件监听39.keypress在ff下可以由方向键触发，在IE和chrome下不行。40.function f(a, b){a = 2, b = 2;console.log(arguments)};f();//打印空数组f(3);//打印[2]f(3,3);//打印[2,2]是说，当参数为空时，对参数的修改不会影响到arguments对象。41.如果函数a返回了函数引用(包括返回对象，对象具有在函数中定义的方法)，那得注意a在返回时，其内部是否有废弃数据(比如运算的中间缓存)。若有，则将之置为null。当然尽可能地在运算中不产生废弃数据是未雨绸缪。另外，尽可能在函数中使用匿即调封装作用域，不让返回的函数能访问到不必要的数据。42.只有undefined==null43.js的date，date是从1到31。month和day都是从0开始。44. Function是它本身的构造器44.1 Function的原型的类型是"function"，却又不继承自Function，其构造器直接是Objectvar p = Function.__proto__typeof p === 'function' // true 这个应该是有问题的p instanceof Function // falsep === Object.prototype // true45.for (var i in obj){ obj = {} }for会暂存对初始obj的引用，改变obj变量的指向，并不会中断遍历46. typeof asd 在asd未定义时不会报错47.使用var a = 1声明的变量，使用delete window.a返回false，不使用var而直接赋值一个变量b = 2，这个隐式全局变量将可以通过delete window.b删除，结果返回true48. Function与eval的区别Function只能访问全局作用域，其所处作用域的变量无法在其中访问到。而eval是在当前作用域执行的。49.变量对象(简称VO)不包括arguments，是一个抽象概念。活动对象(简称AO)是一个实体，它在函数被执行时产生，包括arguments。变量对象的属性应该包括指向父级活动对象的__parent__，因为这个在编译期就可以决定，而且全局对象中也存在__parent__(指向null)。this不是变量对象的属性，也不是活动对象的属性——this与它同辈，是执行上下文的属性。（执行上下文，包含变量对象(我认为这里是活动对象)、作用域链、this）作用域链连接的是变量对象。全局中貌似不存在活动对象。50.数组里存放undefined与默认生成undefined还是有区别的function keepUndefined(v){return v === undefined}var arr1 = []; arr1[2] = 1; var arr2 = [undefined, undefined, 1];console.log(arr1.filter(keepUndefined));// []console.log(arr2.filter(keepUndefined));// [undefined, undefined]// 而map比较奇怪，实际上"0" in arr1 的结果是false，它依旧会返回三个值。而实际上并没有遍历到arr1[0]和arr1[1]，如果keepUndefined里打印只会打印一次。// arr1 = new Array(3);arr1[0] = 1;同理，结果是[false,u,u]console.log(arr1.map(keepUndefined));// [undefined, undefined, false]51. [0]参与运算的结果有以下几种情况+[0] // 0，数字0+[0] // "00"，字符串0-[0] // 0，数字if([0])[] // 通过[0] == 0 // true[0] === 0 // false52. 1 + - + + + - + 1 这个式子应该被理解为1+(...1)，后面的加减是正负号。53.arguments和形参是相关联的。54. js里大数和小数运算会有精确度问题var a = 111111111111111110000, b = 111111;a + b; // 111111111111111230000 千位及后面被向上舍去55.关于valueOf和toString的优先度：https://zhidao.baidu.com/question/1928417783204179667.htmlvalueOf偏向于运算，toString偏向于显示。1、 在进行对象转换时（例如:alert(a)）,将优先调用toString方法，如若没有重写toString将调用valueOf方法，如果两方法都不没有重写，但按Object的toString输出。2、 在进行强转字符串类型时将优先调用toString方法，强转为数字时优先调用valueOf。3、 在有运算操作符的情况下，valueOf的优先级高于toString。document.write({toString: function(){return 1}, valueOf: function(){return 10}}) // 1 这是第一种情况1+{toString: function(){return 1}, valueOf: function(){return 10}} // 11 第二种情况
转载于:https://www.cnblogs.com/followBlade/p/6511407.html
