前端组js&jQuery测试

1.写出下列代码的输出结果

console.log([ ]==false) true
console.log(![ ]==false) true

解析:
[ ]是一个空数组，也就是一个Object类型，既然是一个Object，那么作判断条件时就会转换为true.
其次,[]与Boolean值作比较,会把两边都换做number值进行比较,[]为空数组,会转换为0,同时false也会转换为0

console.log(![ ]) false

2.写出下列代码的输出结果

let arr = [1,2,3,4];
arr = arr.map(parseInt);
console.log(arr);

输出结果:[1,NaN,NaN,NaN]

解析:通常使用parseint时,只需要一个参数,但实际上，parseInt可以有两个参数，第一个是数本身,第二个参数是进制数
map方法在调用callback函数时，会给它传递三个参数：当前正在遍历元素、元素索引、原数组本身
parseInt把传过来的索引当成进制数来使用，从而返回了NaN

3.通过Javascript使页面前进或者后退的代码是？

后退:
window.history.back();
或者:window.history.go(-1);
前进:
window.history.forward();
window.history.go(1);

4.所有引用类型的_proto_属性值指向它构造函数的什么属性值，体现了Javascript的继承关系

prototype

5.获取焦点的事件和失去焦点的事件分别是什么？

js: onfocus() onblur()
jq: focus() blur()

6.JS有哪几种数据类型？

• Number
• Boolean
• String
• Object
• undefined
• Null

7."== " 与 " ==="的区别

"=="仅比较值是否相同
" ==="还要比较数据类型是否相同

8.深浅拷贝的区别

深拷贝和浅拷贝是只针对Object和Array这样的引用数据类型的
浅拷贝只复制指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存。
深拷贝会另外创造一个一模一样的对象，新对象跟原对象不共享内存，修改新对象不会改到原对象。

另外,在jQuery中,浅复制仅复制元素,深复制还要复制元素,事件

9.对this的理解

• 普通的this：指向调用这个函数的对象。

例如：
指向window:

function MyObject(){
    console.log(this);
}
 
MyObject();//window

• 指向调用的对象。

function MyObject(){
    console.log(this);
}
 
var b = new MyObject();//这里this指向b

• 作为对象方法：指向调用对象的父级

• 指向本身

10.什么是闭包,为什么要用它?

• 闭包就是能够读取其他函数内部变量的函数
• 由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的用途

• 它的最大用处有两个，一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中
• 使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。在js中，函数即闭包，只有函数才会产生作用域的概念

闭包的三个特性

• 函数嵌套函数
• 函数内部可以引用外部的参数和变量
• 参数和变量不会被垃圾回收机制回收

11.解释一下数组方法pop(),push(),unshift(),shift()的作用

push() : 在数组末尾添加一个新节点,并返回长度
pop() :从数组中删除最后一个元素，并且会返回被删除的元素
unshift()：在开头向数组添加新元素，并“反向位移”旧元素,返回新数组的长度
shift()：删除首个数组元素，并且会返回被移除的字符串

12.js中then()是什么意思

当then()前的方法执行完后再执行then()内部的程序,这样就避免了,数据没获取到等的问题

13.jQuery对象和Dom对象是怎样转换的？

var $li = $(“li”);
//第一种方法（推荐使用）
$li[0]
//第二种方法
$li.get(0)
//其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象

14.use strict是什么意思

use strict是一种ECMAscript 5 添加的（严格）运行模式,这种模式使得 Javascript 在更严格的条件下运行,
使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为。
默认支持的糟糕特性都会被禁用，比如不能用with，也不能在意外的情况下给全局变量赋值;
全局变量的显示声明,函数必须声明在顶层，不允许在非函数代码块内声明函数,arguments.callee也不允许使用

15.什么是函数节流？介绍一下应用场景和原理:

函数节流(throttle)是指阻止一个函数在很短时间间隔内连续调用。 只有当上一次函数执行后达到规定的时间间隔，才能进行下一次调用。 但要保证一个累计最小调用间隔（否则拖拽类的节流都将无连续效果）
函数节流用于 onresize, onscroll 等短时间内会多次触发的事件
函数节流的原理：使用定时器做时间节流。 当触发一个事件时，先用 setTimout 让这个事件延迟一小段时间再执行。 如果在这个时间间隔内又触发了事件，就 clearTimeout 原来的定时器， 再 setTimeout 一个新的定时器重复以上流程。

简单实现:`

function throttle(method, context) {
   clearTimeout(methor.tId);
   method.tId = setTimeout(function(){
       method.call(context);
   }， 100); // 两次调用至少间隔 100ms
}
// 调用
window.onresize = function(){
  throttle(myFunc, window);
}

16.new操作符具体干了什么？

• 创建一个新的对象obj
• 将对象与构建函数通过原型链连接起来
• 将构建函数中的this绑定到新建的对象obj上
• 根据构建函数返回类型作判断，如果是原始值则被忽略，如果是返回对象，需要正常处理

17.同步与异步的区别

同步任务指的是，在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务；异步任务指的是，不进入主线程、而进入"任务队列"（task queue）的任务，只有等主线程任务执行完毕，"任务队列"开始通知主线程，请求执行任务，该任务才会进入主线程执行。

18.map和forEach的区别？

共同点:

1.都是循环遍历数组中的每一项。
2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数：数组中的当前项item,当前项的索引index,原始数组input。
3.只能遍历数组。

区别:

forEach()没有返回值，而map有返回值，map的回调函数中支持return返回值
返回的是已经改变的元素

19.for…in和for…of的区别？

for…in是ES5的标准，该方法遍历的是对象的属性名称。一个Array对象也是一个对象，数组中的每个元素的索引被视为属性名称，所以在使用for…in遍历Array时，拿到的是每个元素索引
for…of是ES6的标准，该方法遍历的是对象的属性所对应的值。所以它用来遍历数组时得到每个元素的值

如下代码:

var a = ['A','B','C'];

//遍历数组
for(var x of a){
alert(x);//输出的是值 A　B　C
}
for(var x in a){
alert(x);//输出的是下标 0 1 2
}