2015.12.01 HTML5真题练习

HTML5学堂：每天一道题，强壮程序员！今日主要涉及昨日题目的解答，以及一道涉及数组、字符串、操作符的题目

HTML5真题【2015.11.30】答案解析

昨日真题题目如下，问的是函数里面最终输出的值是多少？

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5学堂 - H5course</title>
<meta name="viewport" content="width=device-width,user-scalable=no">
<link rel="stylesheet" href="model/css/reset.css">
</head>
<body>
<div class="wrap"></div>
<script>
function changeName(oldNum, newNum){
newNum = 5;
console.log(arguments.length * oldNum + arguments.callee.length * arguments[1]);
}
changeName('12');
</script>
</body>
</html>

本题目的答案是：NaN。

答案解析：本题目主要涉及arguments对象、函数的参数。

先来解释一下arguments的作用：在JavaScript里面可以通过arguments对象来访问函数的实参。

然后说下arguments与参数的关系，其实arguments是受函数传入实参个数的影响，与函数的形参个数无关。

该题目的实参传入了几个？1个是吧，所以arguments.length等于1，那么arguments.length * oldNum等于多少？很快可以得出答案就是12。

arguments.callee是什么意思？callee是一个指针，指向拥有这个arguments对象的函数，换句话说arguments.callee等同于函数的名字。arguments.callee.length等价于changeName.length，这个又是什么意思？之前跟大家讲过，在JavaScript里面函数可以看做是对象，changeName.length就是获取函数的形参个数，可以得出arguments.callee.length等于2。

最后一步了亲，大家想想，刚刚我说了arguments是受函数实参个数的影响，那么实参几个呢？只有1个，那么arguments[1]存在吗？当然不存在呀，所以里面访问到的undefined，最终的值为NaN不需要我再做解释了吧。

答案：1 * 12 + 2 * undefined

HTML5真题【2015.12.01】题目

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5学堂 - H5course</title>
<link rel="stylesheet" href="reset.css">
</head>
<body>
<script>
console.log([] + [] + 'foo'.split(''));
</script>
</body>
</html>