前端JS笔试面试题目

面试考察的是对整个知识体系的把握，所以要多多的总结，不要小看这些一个个的知识点，串在一起的时候，就是大问题了
1 JS中使用typeof能得到哪些类型
考点：JS的变量类型 number boolean string undefined object function

扩展：如何判读一个变量是数组类型

instanceof：判断一个函数是否是一个变量的构造函数

var arr=[1,2,3]
arr instanceof Array  //true

这个Array其实是一个构造函数，var arr=[1,2,3]其实就是一个语法糖，真实情况是这样子的var arr=new Array(1,2,3)

扩展：如何理解json

json是JS当中的一个内置对象，有两个常用的API，如下，他不是函数，和Math一样，是一个内置的对象，同时，json也是一种数据格式

JSON.stringify({a:10,b:20})
JSON.parse('{"a:"10","b":"20"}')

扩展：JS当中的内置函数 Object Array Function Boolean String Number Date RegExp Error

2 何时使用 == ?，何时使用 ===?
考点：强制类型转换
扩展：什么时候发生强制类型转换

当你需要判断对象是否有某个属性的时候，就用==

obj.a==null 相当于  obj.a===undefined||obj.a===null

还有一种情况，判读函数的参数，是否有值

function find(a,b){if(a==null){}
}

其他的情况下，为了保证不发生强制类型转换，全部用===

什么时候发生强制类型转换?

1)字符串拼接

var a=100+'10' //10010
var a=100+10 //110

2)==符号

'1000'==100 //true
''==false //true
null==undefined //true

3) if 语句

if(100){console.log("ok") //ok
}
if(''){console.log("ok") //打印不出来
})

4)逻辑运算

var a="100"&&20 //20
var a=""||20 //20
var a='20'||30 //'20'

有一种方法，可以帮你快速的判读，这个值到底是真还是假

var a=100
console.log(!!a) //true
var b=''
console.log(!!b) //false

3 winow.onload和DOMContentLoaded的区别
考点：浏览器的渲染过程

4.用JS创建10个a标签，点击的时候弹出对应的序号
考点：作用域

5 简述如何实现一个模块加载器，实现类似require.js的基本功能
考点：JS的模块化

6 实现数组的随机排序
考点：JS数组的算法

7 描述一个new对象的过程

function Foo(name,age){this.name=namethis.age=agethis.class='class-1'     //  return this}
var f=new Foo('lucy',20)

第一步：

8.写一个原型链继承的例子

function Animal() {
　　this.eat = function() {
　　　　console.log("eat")
　　}
}

function Dog(name) {
　　this.bark = function() {
　　　　console.log(name)
　　}
}
Dog.prototype = new Animal
var dog = new Dog("泰迪")
dog.eat() //eat

这个只是一个演示的例子，但是，我们是不推荐这样子写的，这样子去面试，真的不是一个好的选择

我们来做一个绑定DOM操作的例子

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Document</title>
</head><body><a id="box"></a><script type="text/javascript">function GetEle(elem) {this.elem = document.getElementById(elem)}GetEle.prototype.html=function(html){if(html){this.elem.innerHTML=htmlreturn this}else{return this.elem.innerHTML}}GetEle.prototype.on=function(type,fn){this.elem.addEventListener(type,fn)}var element=new GetEle("box")element.html("<p>点击我</p>").on('click',function(){console.log("ok")})</script>
</body></html>

转载于:https://www.cnblogs.com/yiyistar/p/7514408.html

前端JS笔试面试题目相关推荐

前端js经典面试题目
/*** 用js实现一个类P 包含成员变量a,成员变量b成员函数sum sum输出a与b的和,a,b默认值都为0.实现一个类M,M继承自P,在P的基础上增加成员变量c成员变量函数sum变成a,b,c的 ...
2021秋招嵌入式笔试面试题目汇总
本系列按类别对题目进行分类整理,这样有利于大家对嵌入式的笔试面试考察框架有一个完整的理解. 欢迎关注公众号<嵌入式Linux系统开发>,定期分享硬件.单片机.嵌入式Linux技术文章,支 ...
嵌入式笔试面试题目系列（汇总）
嵌入式笔试一.进程与线程 1.什么是进程.线程,有什么区别? 2.多进程.多线程的优缺点 3.什么时候用进程,什么时候用线程 4.多进程.多线程同步(通讯)的方法 5.进程线程的状态转换图 6.父进 ...
2021-06-21 小米前端实习电话面试题目
小米前端实习电话面试题目整理自我介绍说一下css的优先级盒子水平居中和垂直居中 1. 定位 2. CSS3 3.flex 4.display: table-cell 说一下防抖和节流 JS的事件 ...
46家中外知名企业笔试面试题目
http://blog.sina.com.cn/s/blog_4897add3010009wj.html 微软智力题 1．烧一根不均匀的绳子,从头烧到尾总共需要1个小时,问如何用烧绳子的方法来确定 ...
面试官吐槽：“软件测试员就是不行！”网友：我能把你面哭了！——软件测试笔试面试题目完全汇总
软件测试笔试面试题目完全汇总软件缺陷: 1)软件未实现产品说明书要求的功能 2)软件出现了产品说明书指明不应该出现的错误 3)软件实现了产品说明书未提到的功能 4)软件未实现产品说明书虽未明确提及但 ...
12种排序算法：原理、图解、动画视频演示、代码以及笔试面试题目中的应用
0.前言从这一部分开始直接切入我们计算机互联网笔试面试中的重头戏算法了,初始的想法是找一条主线,比如数据结构或者解题思路方法,将博主见过做过整理过的算法题逐个分析一遍(博主当年自己学算法就是用这种比 ...
【数字设计】芯动科技|芯原科技_2023届_笔试面试题目分享
芯片设计验证社区·芯片爱好者聚集地·硬件相关讨论社区·数字verifier星球四社区联合力荐!近500篇数字IC精品文章收录! [数字IC精品文章收录]学习路线·基础知识·总线·脚本语言·芯片求职· ...
【数字设计】经纬恒润_2023届_笔试面试题目分享
芯片设计验证社区·芯片爱好者聚集地·硬件相关讨论社区·数字verifier星球四社区联合力荐!近500篇数字IC精品文章收录! [数字IC精品文章收录]学习路线·基础知识·总线·脚本语言·芯片求职· ...

前端JS笔试面试题目

前端JS笔试面试题目相关推荐

最新文章

热门文章