新增js常见面试题整理

柔光的暖阳◎ 2023-03-01 09:11 23阅读 0赞

## 新增js面试题 ##

### 1.jsonp解决跨域的原理 ###

利用script标签中的src属性，src属性不存在跨域问题，在src中引入完整的跨域引用文件，服务器输出的json数据并执行**回调**。  
jsonp是请求后台包装好的一段json，并把数据放在回调函数中，返回一个js文件，引入并下载js后，调用这个回调函数访问数据。  
总结：  
动态添加script标签来调用服务器提供的js脚本文件。

### 2.深浅拷贝 ###

*  浅拷贝：拷贝基本类型的数据，复制的是指向某个对象的**指针**，本不是对象本身，新旧对象依然在同一内存中，修改复制的对象，源对象也会被改变。  
    方法：
    
     *  1.如果对象有多层，Object.assign()、Object.create()、对象的解构赋值；
     *  2.如果数组中有对象，可以使用concat()、slice()实现浅拷贝；
 *  深拷贝：能够实现真正意义上的数组和对象的拷贝，递归调用”浅拷贝“。深拷贝会另外创造一个一模一样的对象，新对象和源对象不在同一内存中，修改新对象，源对象不会被改变。  
    方法：
    
     *  1.若对象只有一级 （根级），Object.assign()、Object.create()、对象的解构赋值，可实现深拷贝；
     *  2.若拷贝数组是纯数据（不含对象），可以通过concat()、slice()实现深拷贝；
     *  3.JSON.stringify()把对象转化为字符串，再用JSON.parse()把字符串转成新对象，可以实现对象的深拷贝。

### 3.绑定事件的几种方法 ###

举例点击事件  
1.

var oBox = document.getElementById("container");
    oBox.onclick = function(){ }

3.事件绑定

addEventListener(事件类型，事件处理函数，是否捕获默认false);
    ie:标签.attach(事件类型，事件处理函数);
    
    removeEventListener()删除事件
    ie:标签.detachEvent()
    
    oBox.addEventListener("click",fn(),false);