前端部分面试题目整理

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var name='武老板';
    function func(){
        var name='李杰';
        function inner() {
            alert(name);            
        }
        return inner;
    }
    var ret=func();
    ret()
</script>
</body>
</html>

测试结果:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">

    function main() {
        if (1 == 1) {
            var name = '武老板';
        }
        console.log(name);
    }
    main()
</script>
</body>
</html>

测试结果:
　　没有打印出任何东西

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    xo='alex';
    function func() {
        var xo = '武老板';
        function inner() {
            var xo='老男孩';
            console.log(xo);
        }
        inner();
    }
    func();
</script>
</body>
</html>

测试结果:

　　没有打印出任何东西

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function Foo() {
        console.log(xo);
        var xo='武老板';
    }
    Foo();
</script>
</body>
</html>

结果:

没有打印出任何东西

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var name='alex';
    function Foo() {
        this.name='武老板';
        this.func=function () {
            alert(this.name);
        }
    }
    var obj=new Foo();
    obj.func()
</script>
</body>
</html>

结果:

弹框

6.重点题目

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    var name='alex';
    function Foo() {
        this.name='武老板';
        this.func=function () {
            (function() {
                alert(this.name);
            })()
        }
    }

    var obj=new Foo();
    obj.func()
</script>
</body>
</html>

结果:

前端部分面试题目整理

猜你喜欢