另一个javascript小测验(代码集合)


Posted in Javascript onJuly 27, 2011

大家可以测一测自己在这方面知识掌握的程度。
在题后有我参考原博主文章和评论的题目解析,大家竞相拍砖。
The quiz:
1:
1 && 3
2:
1 && "foo" || 0
3:
1 || "foo" && 0
4:
(1,2,3)
5:
x = {shift:[].shift};
x.shift(); 3: x.length;
6:
{foo:1}[0]
7:
[true, false][+true, +false]

8:
++'52'.split('')[0]
9:
a: b: c: d: e: f: g: 1, 2, 3, 4, 5;
10:
{a: 1, b: 2}[["b"]]

1
"b" + 45
12:
{a:{b:2}}
13:
(function(){}())
14:
[1,2,3,4,5][0..toString.length]

15:
({} + 'b' > {} + 'a')

16:
Number.prototype.x = function(){ return this === 123; };
(123).x();
17:
Array(2).join()
18:
vars: var vars = vars;
19:
{ foo = 123 }
20:
x = 1; (function(){return x; var x = 2;}())

2
delete [].length;

22:
RegExp.prototype.toString = function() {return this.source};
/3/-/2/;
23:
{break;4;}
24:
'foo' == new function(){ return String('foo'); };

25:
'foo'.split('') + []

解析:

1: #1. //3 : 1为true,进而&&运算继续执行右边的表达式,结果为3
2: #2. //"foo" : 逻辑运算符,和上面的一样,当运算至"foo"时,表达式已经成功,不再执行||右边的表达式
3: #3. //1 : 1转换为bool为true,直接返回,不再往下执行
4: #4. //3 : 总返回最后一个值
5: #5. //0 : 当x执行过shift()方法后,x就会拥有length属性,并且返回的值就是0
6: #6. //[0] : 两个表达式,返回最后一个表达式的结果
7: #7. //true : 对bool+运算,结果是1或者0于是[true,false][1,0],而这种式子总是取最后一个,[true,false][0]
8: #8. //6 : .运算符优先级大于++运算符,'52'.split('')->['5','2'];取[0]得5;++得6
9: #9. //5 : 忽略掉前面所有的:x 得到:a:1,2,3,4,5 结果:5
10: #10. //SyntaxError。也许你会惊讶,这不是json格式的数据么,肿么会报错?我刚开始也很诧异,实际上这里不是javascript object,而是块级结构的语句执行,因为没有赋值语句。而作为普通语句执行的时候,{a:1;b:2}这样才对。或者a={a:1,b:2}
11: #11. //"b45" : 字符串与数字加法运算,总是返回字符串
12: #12. //2 : 只不过是两个语句块而已,跟第9题实际上是一种情况a:b:2,返回2
13: #13. //undefined : 匿名空函数自执行,由于没有显示return语句,自动返回undefined。
14: #14. //2 : 这个很有意思。分两部分来说,先说0..toString。如果在一个整数后面加".",那么javascript会认为这是浮点数的点,而不是属性调用的点,如果在浮点数后面加点,那么javascript就会认为是属性调用,因为javascript无法区分此时用户到底是想进行。于是0..就变成了调用属性,(这是偶的猜测)这时会把0.转换成对象,调用其toString函数。倘若直接0.toString是会出现语法错误的。你可以测试一下1.1.toString;.0.toString等,都是可以调用的。再说0..toString.length的结果:1,为啥子是1捏,调用函数的length属性返回的结果是函数的形参个数,javascript默认number.toString函数的形参个数为1。所以,[1,2,3,4,5][1]结果是2。
15: #15. //true : {}+"b" 对象和字符串相加 ?> "[object Object]b",之后再进行逻辑比较,"b" > "a"。请不要直接测试{}+"b"这样你会

得到NaN,为什么呢,如果这样的话就是先执行{}这个语句块,再执行 +"b" 结果自然是NaN。

16: #16. //false 严格比较,左边对象,右边数字,类型不匹配。
17: #17. //'','' : 数组使用join后转换为字符串,但是是空数组,所以得到上述结果。
18: #18. //undefined : 都是咸鱼,再怎么翻身,还是咸鱼。都是undefined,最后当然还是undefined。
19: #19. //123 : 块语句执行。跟对象神马的有半点儿毛线关系。
20: #20. //undefined : 据说javascript每引入一个块作用域都会扫描块作用域中的"var",并且将有var 生命的变量值设置为undefined,而不管之前是否有过之类的声明,包括函数体外。
21: #21. //false : 删毛啊,这能删么?【delete only returns false when a property can not be deleted.】

参考:http://perfectionkills.com/understanding-delete/ 文中说的很清楚,内置函数的某些属性是不能被删除的,类似于arguments,

length,函数的局部变量(function(){ var a = 1; return delete a })()等。

22: #22. //1 : 先修改正则表达式的原型链上的toString函数,返回当前正则实例对象的文本形式。然后就是字符串相减了,这时候会自动转换为number进行运算。 23: #23. // SyntaxError : break语句只能放在循环和switch分支语句中 24: #24. //false : 借用Damian Wielgosik非常经典的解释(new function(){ return String('foo'); }).toString() != 'foo'
25: #25. //"f,o,o" : 字符串转换成数组之后和数组相加再转换成字符串,可以找两个数组相加试试,借用Damian Wielgosik的解释

Just consider e.g. [1, 2] + [3, 4] and see how arrays are casted to string.

Javascript 相关文章推荐
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
关于innerHTML后丢失动态绑定的EVENT问题解决方法
May 19 Javascript
jquery批量控制form禁用的代码
Aug 06 Javascript
JavaScript中使用Math.floor()方法对数字取整
Jun 15 Javascript
JavaScript+canvas实现七色板效果实例
Feb 18 Javascript
以WordPress为例讲解jQuery美化页面Title的方法
May 23 Javascript
JavaScript数值千分位格式化的两种简单实现方法
Aug 01 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
简单几步实现返回顶部效果
Dec 05 Javascript
详解Vue2.x-directive的学习笔记
Jul 17 Javascript
详解自定义ajax支持跨域组件封装
Feb 08 Javascript
vue.js页面加载执行created,mounted的先后顺序说明
Nov 07 Javascript
jsTree 基于JQuery的排序节点 Bug
Jul 26 #Javascript
Jquery中显示隐藏的实现代码分析
Jul 26 #Javascript
jquery attr 设定src中含有&(宏)符号问题的解决方法
Jul 26 #Javascript
基于jquery实现的移入页面上空文本框时,让它变为焦点,移出清除焦点
Jul 26 #Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
Jul 26 #Javascript
jquery中的 $("#jb51")与document.getElementById("jb51") 的区别
Jul 26 #Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 #Javascript
You might like
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
关于IFRAME 自适应高度的研究
2006/07/20 Javascript
从javascript语言本身谈项目实战
2006/12/27 Javascript
javascript hashtable实现代码
2009/10/13 Javascript
javascript中的new使用
2010/03/20 Javascript
关于文本框的一些限制控制总结~~
2010/04/15 Javascript
Jquery+WebService 校验账号是否已被注册的代码
2010/07/12 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
html的DOM中Event对象onblur事件用法实例
2015/01/21 Javascript
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
2015/12/31 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
js从外部获取图片的实现方法
2016/08/05 Javascript
jQuery使用animate实现ul列表项相互飘动效果示例
2016/09/16 Javascript
JSON键值对序列化和反序列化解析
2017/01/24 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
jquery-file-upload 文件上传带进度条效果
2017/11/21 jQuery
mint-ui 时间插件使用及获取选择值的方法
2018/02/09 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
微信小程序实现指定显示行数多余文字去掉用省略号代替
2018/07/25 Javascript
非常实用的jQuery代码段集锦【检测浏览器、滚动、复制、淡入淡出等】
2019/08/08 jQuery
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
使用 python pyautogui实现鼠标键盘控制功能
2019/08/04 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
pytorch 自定义参数不更新方式
2020/01/06 Python
Python extract及contains方法代码实例
2020/09/11 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
C语言笔试集
2012/07/24 面试题
Ref与out有什么不同
2012/11/24 面试题
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
党支部书记四风问题整改措施
2014/09/24 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
2015年办公室人员工作总结
2015/05/15 职场文书
如何使用分区处理MySQL的亿级数据优化
2021/06/18 MySQL