前端面试题之易错面试题系列--1

最新推荐文章于 2022-09-22 14:46:45 发布

Yannnnnm

最新推荐文章于 2022-09-22 14:46:45 发布

阅读量320

点赞数

分类专栏：面试题

本文链接：https://blog.youkuaiyun.com/Yannnnnm/article/details/109544618

版权

面试题专栏收录该内容

6 篇文章

订阅专栏

最近正值秋招火热的阶段，过完年也会有很多人面临找工作，大学生的春招也要开始，于是做了一个易错面试题的组合，会不定期分享近期看到的易错的面试题

题目一（预编译）

<SCRIPT LANGUAGE="JavaScript">
var bb = 1;
function aa(bb) {
    bb = 2;
    alert(bb);
};
aa(bb);
alert(bb);
</SCRIPT>

输出结果第一个为2，第二个为一
第一个为二很简单，那么第二个为一是为什么呢？

因为上面bb作为函数的形参，函数声明的时候，带了一个参数bb，也就是相当于在函数体内声明了var bb。这里就要说到函数预编译的过程

函数预编译的过程

创建AO
找形参和变量声明，将变量和形参作为AO对象属性名，值为underfined
将形参实参统一
在函数里面找函数声明，值赋予函数体（如果重名覆盖）

题目二(css)

在这里插入图片描述
正确答案CD
边框属性。可以设置的属性分别为（按顺序）border：border-width border-style border-color。其中 border-style属性值不可省略！
但border：10px，这种仅设置边框宽度无法显示出边框。所以第四个选项错误。hidden为隐藏。
border：none定义无边框，而不是隐藏。所以第三个选项错。
下面分别演示一下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>border</title>
    <style>
        div {
            /* 为了效果直观 */
            width: 300px;
            margin: 100px auto;
            /* 设置边框样式 */
            /* border-style: dotted; */
            /* 设置边框颜色 */
            /* border-color: red; */
            /* 设置边框宽度 */
            border-width: 30px;
        }
    </style>
</head>

<body>
    <div>关于border</div>
</body>

</html>

下面的截图分别是单独设置border-style: dotted;， border-color: red; border-width: 30px;的效果
在这里插入图片描述

题目三(函数的定义)

var f = function g() {
        return 23;
    };
typeof g();

Error
打印f得到

ƒ g()
arguments: null
caller: null
length: 0
name: "g"
prototype: {constructor: ƒ}
__proto__: ƒ ()
[[FunctionLocation]]: VM1440:1
[[Scopes]]: Scopes[1]
#### 函数定义有两种方式
一种是普通函数直接声明function a () {return b;};（这种在解析时会被优先处理）
另外一种就是匿名函数 var a = function () {returnb;};，这种也被称为表达式类型，因为右边部分已经成为一个表达式的一部分，无法再被正常访问

下面看一下输出
```js
// Chrome：
typeof g()    //  无输出响应
typeof g      //  undefined
typeof f()    //  number
typeof f      //  function

// Firefox：
typeof g()    //  无输出响应
typeof g      //  undefined
typeof f()    //  number
typeof f      //  function

// IE8：
typeof g()    //  number
typeof g      //  function
typeof f()    //  number
typeof f      //  function