前端面试：javascript 面试基础知识

最新推荐文章于 2022-05-09 18:18:57 发布

weixin_34389926

最新推荐文章于 2022-05-09 18:18:57 发布

阅读量130

点赞数

CC 4.0 BY-SA版权

文章标签：面试 javascript 前端 ViewUI

原文链接：https://juejin.im/post/5cb4a3c3f265da037a3cdf97

本文深入解析前端开发中的关键概念，包括JavaScript实现继承的各种方式、call与apply的使用区别、em与rem的单位差异、localStorage与sessionStorage的存储特性、事件绑定的不同方法及数组类型判断函数的设计，是前端开发者提升技能的实用指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端面试题：

javascript 实现继承的几种方式？

原型链继承：
构造继承：
实例继承：
拷贝继承：
组合继承：
寄生组合继承：

call/apply 的作用与区别：

call和apply 都是为了改变函数体内部this的指向，他们的第一个参数都是调用函数的对象；
- call()接收由若干个参数组成的参数列表；
- apply()方法接收的是一个包含多个参数的数组；
example:
获取一组数字中的最大数；
	Math.max.call(null,4,6,7,8,9);
使用apply 获取一组数字中的最大值： 
	Math.max.apply(null,[4,6,7,8,9]);
复制代码

em 与remd的区别:

rem：表示根节点（html标签）的字体大小的倍数；
em: 作为font-size的单位的时候，表示相对于父元素的font-size值的倍数；
	作为其他属性的单位的时候，表示自身字体大小的倍数；
复制代码

localStorage && sessioinStorage的区别：

- 使用localStorage 保存的数据，除非手动清除，否则会永久保存；
- 使用sessionStorage 保存的数据，仅在当前的会话下有效，关闭页面或者浏览器将会被清除；
复制代码

javascript 中事件绑定的方式：

DomObj.on('',function(){

});

DomObj.onclick=function(){

}
DomObj.addEventListener('click',function(){

});

DomObj.attachEvent('onclick',functin(){

});
复制代码

设计一个函数：判断一个数据的数据类型是不是数组；

考察知识点：
复制代码

-javascript 几种数据类型：

以下类型是按值访问的，可以操作保存在变量中的实际值；基本类型：string/number/boolean 特殊类型：undefined/null 引用类型的值是保存在内存中的对象。 JavaScript不允许直接访问内存中的位置，即不能直接操作对象的内存空间。在操作对象时，实际上是在操作对象的引用而不是实际的对象。因此，引用类型的值是按引用访问的。
引用类型：

function isArray(arr){
   
	if（arr instanceof Array）{
		do something;
	}
}复制代码

转载于:https://juejin.im/post/5cb4a3c3f265da037a3cdf97