前端面试js

1.js特点

脚本语言：本身具有逻辑能力和行为能力
解释性语言：需要js解析器解析执行
弱类型语言：重复声明不报错，java是强类型语言
从上到下依次执行(解析顺序就执行顺序)
大小写敏感

2.数据类型：

(1)主要数据类型：string,boolean,number
(2)复合数据类型：function,object
(3)特殊类型：undefined,null

3.数据类型：

(1)6种不同的数据类型：string,number,boolean,object,function,symbol
(2)3种对象类型：object,array,date
(3)2个不包含任何值得数据类型：null, undefined

4.使用typeof查看js变量得数据类型

(1)nan的数据类型是number
(2)数组(array)的数据类型是object
(3)日期(date)的数据类型为object
(4)null的数据类型是object
(5)为定义变量的数据类型为undefined

array和date无法通过typeof来判断他们的类型，因为返回的都是object

5.使用instanceof判断对象的具体类型

用instanceof来判断类型只能用于对象层面，不是一个对象则不行；instanceof就是判断一个实例是否属于某种类型，更重要的是instanceof可以在继承关系中用来判断一个实例是否属于它的父类型

6.数据类型的转换

(1)转换为字符串：
将数字转换为字符串：全局方法String()； toString()
将布尔值转换为字符串：string()
将日期转换为字符串：String(); toString()
(2)转换为数字：
Number()可以将字符串、布尔值、日期转换为数字，字符串包含数字转换为数字；空字符串转换为0；其他的字符串转换为NaN(不是个数字)
"+"可用于将变量转换为数字,如果变量不能转换，它仍然会是一个数字，但值为NaN(不是一个数字)
getTime()也可以将日期转换为数字

7.undefined和null的区别：

undefined是未定，null是一个变量初始化，但是什么值都没有，只给一个空对象；undefined与null值相等，但类型不相同

8.==和===的区别：

==:先转换为同一数据类型再进行比较
===：先比较数据类型，数据类型不一致直接返回false

9.js的组成：

(1)ES5:核心js
(2)DOM:文档对象模型
(3)BOM:浏览器对象模型

10.DOM事件流

(1)描述的是从页面中接收事件的顺序
(2)事件捕获：从外向内
(3)事件冒泡：从内到外

11.事件绑定：

(1)Dom0:事件目标.ontype,解绑null
优点：兼容性好    缺点：不能给同一个dom对象绑定多个类型相同的事件
(2)dom2级事件：addEventListener()添加，解绑removeEventListener();
三个参数：事件类型，事件处理程序，true/false对应捕获/冒泡
优点：可以同时给一个元素绑定多个类型相同的事件        缺点：兼容性差

12.追加、删除、插入、替换节点的方法：

(1)appendChild()
(2)removeChild()
(3)insertBefore()
(4)replaceChild()

13.对象序列化和反序列化

(1)JSON.pares();将json字符串转换为对象
(2)JSON.stringify();将对象转换为json字符串

14.作用域：从函数内部向函数外部逐层访问

15.事件代理，解决方法：

(1)新增元素无法绑定事件
(2)将本该绑定给子元素的事件绑定给父元素

16.闭包

(1)函数内部的函数，函数内部可以引用函数外部的变量，闭包使用的变量和参数不会被垃圾回收机制销毁
(2)优点：可以读取自身函数外部的变量(沿作用域链寻找)，变量缓存，避免命名冲突
(3)缺点：容易发生内存泄漏，使用过多时消耗内存

17.怎么实现继承：子类的原型指向父类的实例

18.回调函数：

(1)定义：函数也可以作为参数传递给另一个函数，这个作为参数的函数就是回调函数。函数A有一个参数，这个参数是个函数B，当函数A执行完以后执行函数B，那么这个过程就叫回调
(2)优点：避免重复代码，加强代码的可维护性和可读性；将通用的逻辑抽象化；事项异步
(3)缺点:缺乏顺序性，缺乏可信任性

19.原型、原型链，有什么特点：

(1)js中每个函数都存在一个原型对象属性prototype,并且所有函数的默认原型都是object的实例
(2)每个继承父函数的子函数的对象都包含一个内部属性_proto_。该属性包含一个指针，指向父函数的prototype。若父函数的原型对象的_proto_属性为再上一层函数，在此过程就形成了原型链
(3)原型链实现了继承，原型链存在两个问题：a.包含引用类型值得原型属性会被所有实例共享。b.在创建子类型时，无法向超类型的构造函数中传递参数

20.对json的理解：

(1)json可以将js对象中表示的一组数据转换为字符串，在函数之间传递这个字符串，或时在异步应用程序中将字符串从web客户机传递给服务器端程序
(2)js很容易理解它
(3)json可以表示比名称/值对更复杂的结构，可以表示数组和复杂的对象，而不仅仅时键和值得简单列表

21.对象得浅拷贝和深拷贝

(1)浅拷贝：拷贝对象时仅仅拷贝对象本身(包括对象中得基本变量)，而不拷贝对象包含得引用指向的对象
(2)深拷贝：不仅拷贝对象本身，而且拷贝对象包含的引用指向的所有对象

22.防抖和节流

函数防抖和节流都是优化高频率执行js代码的一种手段
防抖：一定时间内，只会执行最后一次任务
节流：一定时间内，只执行一次

23.new操作符具体干什么，操作过程：

(1)创建一个空对象obj
(2)设置原型链：让obj的_proto_属性，指向函数的原型
(3)让函数的this指向obj,并执行函数体function.call(obj);
(4)判断函数返回值的内容：
如果返回的对象，此时就不做操作了，直到最后将该对象赋值给一个变量
(5)如果返回的是一个值，此时返回obj，然后直到最后的赋值操作

24.js延迟加载的方式：

(1)defer属性：告诉浏览器立即下载，但延迟执行，只适用于外部脚本文件
(2)async属性：页面不等脚本下载和执行，从而异步加载页面的其他内容，但不能保证脚本文件会按顺序执行
(3)动态创建DOM
(4)使用jquery的getScript()方法
(5)使用setTimeout延迟方法
(6)让js最后加载，把js外部引入的文件放到页面底部

25.js的异步编程

(1)回调函数：
a.嵌套内联函数：ajax(url,回调函数 function(){})
b.调用外部函数：ajax(url,调用外部函数 function(){})
(2)事件监听：给一个函数绑定一个事件，当事件触发时执行另一个函数
(3)promise
    a.是一个对象，可以获取异步操作的信息
    b.三种状态：pendding//正在请求； resolved//成功； rejected//失败
    c.基础用法：new Promise(function(resolve,reject){})
    d.then方法：then中传了两个参数，第一个对应resolve的回调，第二个对应reject的回调
    e.catch方法：捕捉promise错误函数，和then 函数参数中rejected作用一样，处理错误
    f.finally方法：无论成功失败都执行该回调
    g.all方法：统一执行完成所有函数并将成功的只存在一个数组里面返回给then 进行回调输出，如果有一个为reject,all的then执行失败回调
    l.race方法：那个函数先执行完成，就先执行回调，无论时成功还是失败，其余的都是不会再进行race的任何回调

(4)async await:async使用再函数前面，把函数编程一个异步函数，返回值是一个promise对象。await只能使用在async声明的函数里

(5)generators:生成器，关键字yeild,可以yeild的很多次

(6)发布订阅：假设存在一个“信号中心”，某个任务执行完成，就向信号中心"发布"(publish)一个信号，其他任务可以向信号中心"订阅"(subscribe)这个信号，从而知道什么时候自己开始执行

26.map和foreach的区别

(1)map：会返回一个新的数组，所以在callback需要有return值，如果没有返回undefined
(2)foreach:遍历和循环，默认有3个参数，数组内容item,数组索引index，当前遍历数组array

27.基本数据类型和引用数据类型的区别：

(1)基本数据类型：指简单的数据段，存储在栈内存中，占据空间小，大小固定(number/string/boolean/undefined/null)
(2)引用数据类型：指由对各值构成的对象，是存储在堆内存中的对象，占据空间大，大小不固定(object/function)