前端ES5/JavaScript高频面试题及答案

「爱情、让人受尽委屈。」 2023-02-27 15:55 9阅读 0赞

*  什么是JavaScript？

JavaScript是基于对象和对象事件的脚本语言。他不需要在语言环境下编写，因为浏览器内置了解析程序；

*  JavaScript和ECMAScript的关系？

ECAScript是JavaScript的规范，JavaScript是EACScript的实现

*  变量的命名规则？

只能由数字、字母、_ $组成
       不能以数字开头
       不能使用保留字 关键字
       要做到见名思意
       使用小驼峰命名方式命名

*  window.onload的作用？

当页面结构写在js之后时 就需要浏览器页面加载完毕之后再来加载- js 这时候就用到window.onload了

*  js数据类型？  
    基本数据类型

Number  String  Boolean  null undefined
       引用数据类型
    	Array   object  function

*  null和undefined区别？

首先两者数据类型不同
      undefined是指未定义 变量未初始化。
       null是什么都没有 空

*  运算符的种类？

赋值运算符   逻辑运算符  比较运算符  三目运算符  算数运算符

var a=0；var b=a++；a b最后的结果是？

b=0;a=1;

与=的区别？

==是比较等式两边的内容
       ===严格比较 比较内容和数据类型

*  console.log（0.1+0.2==0.3）？

答案是false 因为计算机只识别0和1 但是我们所认识的进制计算机并不认识 就需要吧小数转成二进制，在转化过程中会有一些偏差 导致小数运算不准确

*  NaN会在什么样的情况下出现？举例出现这种情况的代码。

在数值运算时候会出现
    不是一个数 比如  console.log(Number('10px'));

*  列举三种强类型转换和两种隐形类型转换。

强类型转换  Number（）  String（）  Boolean（） paseInt（）  paseFloat（）
       隐性转换      10*'10'=100;  10=“10”

*  document.write()与innerHTML的区别？

document.write()是打印什么东西到页面中   innerHTML是 获取/赋值 某个元素的内容

*  brank和continue的区别，举例说明？

brank是退出循环  continue是仅跳过本次循环

*  使用for循环打印由星号组成的菱形？
 *  this对象的解释？

this在不同环境下含义不同，在事件函数中指调用者，其他函数中一般指的是window

*  声明函数的方式有哪些？分别举例。

- 匿名函数    function fn(){ }
    - 表达式声明  var a=function(){ }
    - 构造函数声明   var  a=new  Function()

*  使用函数计算50。100。150。200。1000以内所有奇数的和？
 *  写一个获取非行间样式的函数？

function(对象,属性){ 
          if（对象.currentStyle）{ 
    	  return 对象.currentStyle[属性]；
    	}else{ 
    	  return getComputedStyle（对象,null）[属性];
    	}
      }

*  说说你对作用域链的理解？

在当前作用域下找不到变量的时候，他需要往外层寻找变量直到找到 这个过程就称为作用域链，（只会向外层寻找）

*  请解释变量提升？

- 浏览器会自动全局扫描提升函数和变量，这叫做预加载，在预加载时候变量只会声明不会初始化，所以在变量初始化之前使用变量会出现undefined，
       函数预加载是把函数优先赋值给事件或者函数名，所以函数在函数声明之前可以用；

*  函数声明和表达式声明的区别？

函数声明    创建一个新的函数 不调用的话不会执行，在全局可以调用
    表达式声明  只能在声明之后才能使用

*  定时器的分类？他们的区别及用法是什么？

setInterval（）    间歇式定时器    setTimeout（）	  延时定时器    setInterval（）每隔多久掉一次函数   setTimeout（）只延时调用一次    	用法setInterval（函数，延时时间）setTimeout（函数，延时时间）

*  生成4位随机验证码？

- //假设数组里有大小写和数字
       var arr=[0,1,2,3,4,5,6,7,8,9,"a","b","c","d","e","f","g","z"];
            var num="";
            for(var a=0;a<4;a++){ 
                var v=parseInt(arr.length*Math.random());
                num += arr[v];
            }
            console.log(num);

*  js有哪些内置对象？

Math对象   Date对象   Array对象   String对象  Number对象

*  把下面字符串去重，并去掉特殊字符按照数字在前字面在后的顺序排序字符串“231432dsagfg&dsfdsgfd&4324324&fdgd54645”

var a="1233fddfd&3434fdsaff&454545&4545444rfdsfds&545gdsgs";
      //去粗数字字母之外的
      var b=a.replace(/[^a-zA-Z0-9]/ig,"");
      //切割成数组在排序
        b=b.split("").sort();
      //去重
      var arr=[];
      for(var i=0;i<b.length;i++){ 
        if(arr.indexOf(b[i])==-1){ 
          arr.push(b[i]);
        }
      }
        console.log(arr);

*  截取字符串“abcdefg”中的def？

var a="abcdefg";
            console.log(a.substr(3,3))

*  判断一个字符串中出现次数最多的字符，并统计次数？

*  数组方法pop（）push（）unshift（）shift（）？

pop（）在数组末删除   返回删除的内容
    	puch（）在数组末尾添加元素  返回数组长度
    	unshift（）在前面添加		返回数组长度
    	shift（）在前面删除      返回删除的内容

*  split（）join（）的区别？

split（）是以什么吧字符串分割成数组
    	join（）是以什么吧数组合并成字符串

*  编写至少两种函数去重的方法？

遍历删除和  空对象查找有没有这个内容 有的话就要

*  【“1”，“2”，“3”】.map（parseInt）答案是多少？  
    1，NaN,NaN
 *  冒泡算法排序？

*  数组的随机排序?

var arr=[1,2,3,4,5,6,7,8]
            arr.sort(function(){ 
                return Math.random()-0.5;
            })  
            console.log(arr)

*  找出数组中的最大值，arr\[1,2,3,4,5,6,7,8\];?

var b;
            arr.forEach(function(a){ 
                b=Math.max(a)
            })
             console.log(b)

*  DOM常用的API有哪些？
 *  html和DOM有区别吗？

> html是超文本语言 dom文档对象模型 是w3c推荐的标准编程接口

*  什么是window对象什么是document对象？

> window对象是整个浏览器、 document是页面 是window的一个属性自身也是一个对象

*  offsetWidth，clientWidth，scrollTop的区别？

> 宽+边框+内边距 宽+内边距 上面折叠部分的高

*  如何获取url地址中搜索内容？

> window.location.search（）

*  事件、ie与火狐的事件机制有什么区别？

> ie滚动事件用的是onmousewheel  
> 火狐必须用addEventListaner（“DOMMouesescroll”，fn，true）

*  如何阻止冒泡？

> e=e||window.event  
> e.stopPropagation?e.stopPropagation:e.cancelBubble=true;

*  事件绑定和普通事件有什么区别？

普通事件 
    		只可以写一次在写会被覆盖
    	绑定事件
    		可以添加多个事件函数  支持冒泡 和捕获机制

*  使用原生js给元素绑定两个click事件？

addEventListener（“click”，fn1，false）
    	addEventListener（“click”，fn2，false）

*  解释一下事件流？

页面触发事件的时候  会在元素节点之间按照特定的顺序传播 所有经过的节点的对象都可以接受到事件触发指令，这个过程就叫事件流
    	事件的传播机制分为冒泡机制和捕获机制  冒泡机制是往外层传递  捕获机制是由外向内传递

*  什么是时间委托?事件委托的原理是什么？他有哪些应用场景？

事件委托是吧事件委托给父元素利用其事件流的捕获机制来触发事件
    	原理是事件可以通过捕获机制传输 父及元素也可以收到事件触发请求
    	某些元素存在不确定性加不上事件 或相同事件触发者有相同特征的时候

*  给10000个li添加点击事件?

for（var a=0;a<1000;a++）{ li[a].onclick=function(){ }};

*  拖拽效果中有几种事件？

鼠标按下事件  onmousedown
    	鼠移动事件    onmousemove
    	鼠标抬起事件  onmouseup

*  什么是回调函数？

回调函数是把函数作为参数传给函数，当某种事件触发或者条件瞒住就会执行

*  new操作符具体干了什么？

隐式创建了对象
    	把该对象实例的 _proto_指向构造函数的_prototype_
    	将this指向该空对象 为该对象添加属性和方法
    	隐式输出该对象

*  用过哪些设计模式？
 *  call（）和apply（）的区别和作用？

call的参数是对象 函数传参中间用逗号隔开 
    	apply只有两个参数 第一个是对象第二个是参数参数为数组类型  
    	改变this指向 传入对象之后目标对象this指向就指向了传入对象

*  JavaScript对象的几种创建方法？

1.字面量创建  2.实例创建  3.工厂模式创建  4.构造函数创建  5.原型创建 6.构造函数+原型创建

*  JavaScript对象的几种继承方法？

对象冒充   原型链继承  对象冒充+原型链继承  寄生式继承

*  JavaScript原型，原型链？

js美声明一个function都有porototype原型，prototype原型是函数的默认属性 它本事也是一个对象
    在函数创建的过程中由js编译器自动添加。每生产一个function对象的时候就有一个原型prototype
    原型中存储对象共享的属性和方法。
    原型链：创建函数_prototype_--实例_proto_ --创建函数的_prototype_

*  如何判读一个对象是附属于某个类？

对象  instanceOf  类型  返回值是true/false

*  使用正则表达式验证邮箱？
 *  请用js去除字符串空格var str=“ sadsad dsa frgtrfvf 654 kkkc243”？

split（）空格分隔在join（）拼接

*  判断字符串是否是这样组成的，第一个必须是字母，后面可以是字母，数字，下划线，总长度5-20？
 *  闭包的概念、特点以及使用规则？

能够读取其他函数内部变量的函数（在函数里面嵌套函数，内部函数可以访问外部函数变量），
    	在本质上闭包是将函数内部和外部连接起来的桥梁
    	作用：闭包中使用的变量会一直存储在内存中，类似全局变量 ，避免全局污染，可以解决全局变量的问题。

*  创建sjax的过程？

function(fs,url,fn,data){   //变量为 传输类型 地址 函数 传输数据
    	var a=new XMLHttpRequest();
    
    	if(fs.toLowerCase()==get&&data!=undefined){ 
    		url=url+"?"+data}
    	a.open(fs,url,true);
    
    	if(fs==post||fs==POST&&data!=undefined){ 
    		a.send(data)}else{  a.send() };
    	
    	a.onreadyStatechange==function(){ 
    		if(a.readyState==4&&a.Status==200){ 
    		fn(a.responseText)}
    	}
    }

*  ajax请求时候get和post方式的区别，什么时候用post？

get传输数据小 写在地址后面  安全性较低  历史浏览里可以查看
    	post传输数据大 写在send（）里 相对安全性较高
    	一般传输的时候用post 接收时候用get

*  ajax请求时，如何解释josn数据？

是返回的数据  这个数据是json字符串类型数据可以用json.parse()来转成json对象类型

*  同步和异步的区别？

同步需要前面代码执行完才能执行自身
    	异步与同步代码不干预，在同步代码执行时也可以执行

*  常见的http状态码？

1xx  2xx 成功 3xx 客户端需要进一步操作 4xx 请求错误 5xx 服务器错误

*  eval的作用是？
 *  解释touch.js以及使用场景？
 *  touch.js如何监听事件？有哪些事件？
 *  touch.js事件配置？
 *  使用touch.js快速搭建移动端页面？