美文网首页
前端笔试题集锦

前端笔试题集锦

作者: 馋中解禅 | 来源:发表于2017-05-20 19:08 被阅读0次

1.作用域

(function(){
   var a=b=5;
})();
console.log(b);//输出5,开启严格模式会报错

2.变量提升

function test(){
    console.log(a);
    console.log(foo());
    var a=1;
    function foo(){
        return 2;
    }
}
test();//输出undefined 2

//相当于
function test(){
    var a;
    function foo(){
        return 2;
    }
    console.log(a);
    console.log(foo());
    a=1;    
}
test();

3.this指向

var fullname='name1';
var obj={
    fullname:'name2',
    prop:{
        fullname:'name3',
        getFullname:function(){
            return this.fullname;
        }
    }
};
console.log(obj.prop.getFullname());
var test=obj.prop.getFullname;
console.log(test());//输出name3 name1

//使用call,apply强制转换上下文环境,最后一行替换为:
console.log(test.call(obj.prop));//输出name3 name3

4.数据类型

console.log(typeof null);
console.log(typeof {});
console.log(typeof []);
console.log(typeof undefined);
//输出object object object undefined
//测试变量是否为数组用instanceof Array

5.时间循环

function printing(){
    console.log(1);
    setTimeout(function(){console.log(2);},1000);
    setTimeout(function(){console.log(3);},0);
    console.log(4);
}
printing();//输出1 4 3 2

6.setTimeout延迟执行

for(var i=0;i<5;i++){
    setTimeout(function(){
        console.log(i);
    },1000*i);
}// 直接输出5,每隔一秒输出5 5 5 5 

7.闭包

for(var i=0;i<5;i++){
    (function(i){
        setTimeout(function(){
        console.log(i);
    },1000*i);
    })(i);//直接输出0,每隔一秒输出1 2 3 4 
}

8.定时器原理

for(var i=0;i<5;i++){
    setTimeout(function(){
        console.log(i);
    },1000);
}//1秒之后输出5 5 5 5 5

9.静态作用域

var value=1;
function foo(){
    console.log(value);
}
function bar(){
        var value=2;
        foo();
}
bar();//输出1

10.sort()排序

var arr=[4,3,5,2,1];
result1=arr.sort(function(a,b){
    return a-b;
});
console.log(arr);//输出[1,2,3,4,5]
console.log(result1);//输出[1,2,3,4,5]

result2=arr.sort(function(a,b){
    return b-a;
});
console.log(arr);//输出[5,4,3,2,1]
console.log(result1);//输出[5,4,3,2,1]
console.log(result2);//输出[5,4,3,2,1]

相关文章

  • 前端面试集锦(1)

    前端面试集锦(转载) 转载地址:前端开发面试题 以下皆为转载 前端开发知识点: 作为一名前端工程师,无论工作年头长...

  • 前端笔试题集锦

    1.作用域 2.变量提升 3.this指向 4.数据类型 5.时间循环 6.setTimeout延迟执行 7.闭包...

  • 好程序员HTML5大前端分享web前端面试题集锦三

    好程序员HTML5大前端分享web前端面试题集锦三 1、HTML语义化的理解? 答案:HTML语义化就是让页面的内...

  • 好程序员HTML5大前端分享web前端面试题集锦二

    好程序员HTML5大前端分享web前端面试题集锦二 1、为什么要初始化CSS样式? 答案:因为浏览器的兼容问题,不...

  • JS-学习资源

    饥人谷知乎前端学习指南132GitHub笔试面试题集锦饥人谷课件课堂内外一些前端小项目饥人谷 api饥人谷作品库G...

  • web前端面试题总结

    web前端试题集 WEB前端面试题

  • angular2+前端试题集锦

    1,angular4有哪些常用指令? ngClass ngStyle ngIf ngFor ngSwitch 深度...

  • 前端面试题集锦

    1.说说你对语义化的理解? 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 有利于SEO 方便其他设备解析 便于...

  • 面试题总结

    最近在准备面试,在网上找了 大厂试题集锦,开始刷题。我概览了一下题目,应该是面试大前端的,除了基础还包含了后端no...

  • PHPer 面试指南-扩展阅读资源整理

    前端篇 收集的前端面试题和答案 前端开发面试题 史上最全的web前端面试题汇总及答案 前端工程师手册 HTTP协议...

网友评论

      本文标题:前端笔试题集锦

      本文链接:https://www.haomeiwen.com/subject/fvppxxtx.html