前端部分面试题目整理

1.javascript

<!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>

测试结果:html

2.java

<!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>

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

3.测试

<!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>

测试结果:this

　　没有打印出任何东西spa

4.code

<!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>

结果:htm

没有打印出任何东西blog

<!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.重点题目(详细了解that和this的区别)

<!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 () {
　　　　　//注意这里是自执行函数,这里的this指的是上边的function结果天然是alex了　
            (function() {
                alert(this.name);
            })()
        }
    }

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

结果: