JS基础

JavaScript的数据类型都有什么？

1. 基本数据类型：String,Boolean,Number,Undefined, Null

2. 引用数据类型：Object, Array, Function

3. 那么问题来了，如何判断某变量是否为数组数据类型？

4. 方法一.判断其是否具有“数组性质”，如slice()方法。可自己给该变量定义slice方法，故有时会失效

5. 方法二.obj instanceof Array 在某些IE版本中不正确

6. 方法三.方法一二皆有漏洞，在ECMA Script5中定义了新方法Array.isArray(), 保证其兼容性，最好的方法如下：

if(typeof Array.isArray==="undefined"){
 Array.isArray = function(arg){
return Object.prototype.toString.call(arg)==="[object Array]"
};
}

JS 的提升是什么？

1. 提升是指 JS 解释器将所有变量和函数声明移动到当前作用域顶部的操作，提升有两种类型

1). 变量提升

2). 函数提升

2. 只要一个var或函数声明出现在一个作用域内，这个声明就被认为属于整个作用域，并且可以在任何地方访问。

var a = 2
foo() // 正常运行, foo 已被提升
function foo() {
 console.log(a) // undefined, a已经提升
 var a = 3
}

什么是 IIFE (立即调用的函数表达式)

1). IIFE是一个立即调用的函数表达式，它在创建后立即执行

(function IIFE(){
 console.log( "Hello!" );
})();
// "Hello!"

2). 常常使用此模式来避免污染全局命名空间，因为在IIFE中使用的所有变量(与任何其他普通函数一样)在其作用域之外都是不可见的。

数组操作

1. forEach: 单纯遍历, 无法break，可以用try/catch中throw new Error来停止

2. map: 遍历数组，返回回调返回值组成的新数组

3. filter: 过滤

4. some: 有一项返回true，则整体为true

5. every: 有一项返回false，则整体为false

6. join: 通过指定连接符生成字符串

7. push / pop: 末尾推入和弹出，改变原数组， 返回推入/弹出项【有误】

8. unshift / shift: 头部推入和弹出，改变原数组，返回操作项【有误】

9. sort(fn) / reverse: 排序与反转，改变原数组

10. concat: 连接数组，不影响原数组， 浅拷贝

11. slice(start, end): 返回截断后的新数组，不改变原数组

12. splice(start, number, value...): 返回删除元素组成的数组，value 为插入项，改变原数组

13. indexOf / lastIndexOf(value, fromIndex): 查找数组项，返回对应的下标

14. reduce / reduceRight(fn(prev, cur)， defaultPrev): 两两执行，prev 为上次化简函数的return值，cur 为当前值

用JavaScript实现数组冒泡排序。

//升序算法
function sort(arr){
for (var i = 0; i <arr.length; i++) {
for (var j = 0; j <arr.length-i; j++) {
if(arr[j]>arr[j+1]){
 var temp=arr[j];//交换两个变量的位置
 arr[j]=arr[j+1];
 arr[j+1]=temp;
}
};
};
return arr.toString();
}
console.log(sort([23,45,18,37,92,13,24]));

在Javascript中什么是伪数组？如何将伪数组转化为标准数组？

1. 伪数组（类数组）：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。

2. 典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象

3. 可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象

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

var str = 'asdfssaaasasasasaa';
var json = {};
for (var i = 0; i < str.length; i++) {
if(!json[str.charAt(i)]){
 json[str.charAt(i)] = 1;
}else{
 json[str.charAt(i)]++;
}
};
var iMax = 0;
var iIndex = '';
for(var i in json){
if(json[i]>iMax){
 iMax = json[i];
 iIndex = i;
}
}
alert('出现次数最多的是:'+iIndex+'出现'+iMax+'次');

字符串反转，如将 ‘12345678’ 变成 ‘87654321’

思路：先将字符串转换为数组 split()，利用数组的反序函数 reverse()颠倒数组，再利用 jion() 转换为字符串

var str ='12345678';
str = str.split('').reverse().join('');

如何实现一个对页面某个节点的拖曳？

回答出关键点，下面是几个要点

1). 给需要拖拽的节点绑定mousedown, mousemove, mouseup事件

2). mousedown事件触发后，开始拖拽

3). mousemove时，需要通过event.clientX和clientY获取拖拽位置，并实时更新位置

4). mouseup时，拖拽结束

5). 需要注意浏览器边界的情况

DOM操作——怎样添加、移除、移动、复制、创建和查找节

1. 创建新节点

1). createDocumentFragment() //创建一个DOM片段

2). createElement() //创建一个具体的元素

2. 添加、移除、替换、插入

1). appendChild() // 添加为最后子点

2). removeChild() // 删除子节点

3). replaceChild() // 替换子节点

4). insertBefore() //在已有的子节点前插入一个新的子节点

3. 查找

1). getElementsByTagName() //通过标签名称查找所有对应的标签的伪数组

2). getElementsByName() //通过Name属性查找所有对应的标签的伪数组

3). getElementById() //通过元素Id对应的唯一标签