- split() join()的区别
join()：用于把数组中的所有元素通过指定的分隔符进行分隔放入一个字符串
split()：用于把一个字符串通过指定的分隔符进行分隔成数组
2.JavaScript 的数据类型
String、Number、Boolean、Null、Undefined 和 Object
ES6新增了 Symbol类型
Object 是引用类型，其他的都是基本类型(Primitive Type)。
3.如何判断一个对象是否属于某个类？
instanceof
if (a instanceof Person) {
alert("yes");
}
4.new 操作符具体干了什么呢?
new 共经过了 4 个阶段
1). 创建一个空对象
2). 设置原型链
3). 让 Func 中的 this 指向 obj，并执行 Func 的函数体
4). 判断 Func 的返回值类型：
function Test(){}
const test = new Test()
创建一个新对象：
const obj = {}
设置新对象的 constructor 属性为构造函数的名称，设置新对象的proto属性指向构造函数的prototype对象
obj.constructor = Test
obj.proto = Test.prototype
使用新对象调用函数，函数中的 this 被指向新实例对象
Test.call(obj)
将初始化完毕的新对象地址，保存到等号左边的变量中
5.call() 和 apply() 的含义和区别？
call：调用一个对象的一个方法，用另一个对象替换当前对象
apply：调用一个对象的一个方法，用另一个对象替换当前对象
call与 apply的相同点：
方法的含义是一样的，即方法功能是一样的；
第一个参数的作用是一样的；
call与apply的不同点：
两者传入的列表形式不一样
call 可以传入多个参数；
apply 只能传入两个参数，所以其第二个参数往往是作为数组形式传入
6.sort 排序原理
冒泡排序法的原理：
比较相邻的元素。如果第一个比第二个大，就交换他们两个。
对每一对相邻元素做同样的工作，从开始第一对到结尾的最后一对。在这一点，最后的元素应该会是最大的数。
针对所有的元素重复以上的步骤，除了最后一个。
持续每次对越来越少的元素重复上面的步骤，直到没有任何一对数字需要比较。
1.升序
var apple = [45, 42, 10, 147, 7, 65, -74];
// ①默认法,缺点:只根据首位排序
console.log(apple.sort());
// ②指定排序规则法,return可返回任何值
console.log(
apple.sort(function(a, b) {
return a - b; //若return返回值大于0(即a＞b),则a,b交换位置
})
);
2.降序
var arr = [45, 42, 10, 111, 7, 65, -74];
console.log(
apple.sort(function(a, b) {
return b - a; //若return返回值大于零(即b＞a),则a,b交换位置
})
);
7.如何判断当前脚本运行在浏览器还是 node 环境中？
通过判断Global对象是否为window，如果不为window，当前脚本没有运行在浏览器中
8.移动端最小触控区域是多大？
苹果推荐是 44pt x 44pt
9.移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？
300 毫秒
因为浏览器捕获第一次单击后，会先等待一段时间，如果在这段时间区间里用户未进行下一次点击，则浏览器会做单击事件的处理。如果这段时间里用户进行了第二次单击操作，则浏览器会做双击事件处理。
推荐fastclick.js
10.解释 JavaScript 中的作用域与变量声明提升？
作用域只会对某个范围产生作用，而不会对外产生影响的封闭空间。在这样的一些空间里，外部不能访问内部变量，但内部可以访问外部变量
所有申明都会被提升到作用域的最顶上
同一个变量申明只进行一次，并且因此其他申明都会被忽略
函数声明的优先级优于变量申明，且函数声明会连带定义一起被提升
11.Node.js 的适用场景？
RESTFUL API、实时聊天、客户端逻辑强大的单页 APP，
本地化的在线音乐应用，本地化的在线搜索应用，本地化的在线 APP 等。
12.bind、call、apply 的区别
call和 apply其实是一样的，区别就在于传参时参数是一个一个传或者是以一个数组的方式来传。
call 和apply 都是在调用时生效，改变调用者的 this 指向
let name = 'Jack'
const obj = {name: 'Tom'}
function sayHi() {console.log('Hi! ' + this.name)}
sayHi() // Hi! Jack
sayHi.call(obj) // Hi! Tom
bind 也是改变this 指向，不过不是在调用时生效，而是返回一个新函数
const newFunc = sayHi.bind(obj)
newFunc() // Hi! Tom
13.使用构造函数的注意点
一般情况下构造函数的首字母需要大写，因为我们在看到一个函数首字母大写的情况，就认定这是一个构造函数，需要跟new关键字进行搭配使用，创建一个新的实例（对象）
构造函数在被调用的时候需要跟new关键字搭配使用。
在构造函数内部通过this+属性名的形式为实例添加一些属性和方法。
构造函数一般不需要返回值，如果有返回值
如果返回值是一个基本数据类型，那么调用构造函数，返回值仍旧是那么创建出来的对象。
如果返回值是一个复杂数据类型，那么调用构造函数的时候，返回值就是这个return之后的那个复杂数据类型
14.如何获取浏览器版本信息
window.navigator.userAgent
15.数组的常用方法
Array.map()
将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组
let arr = [1, 2, 3, 4, 5];
let newArr = arr.map(x =› x * 2);
//arr= [1, 2, 3, 4, 5] 原数组保持不变
//newArr = [2, 4, 6, 8, 10] 返回新数组
Array.forEach()
将数组中的每个元素执行传进提供的函数，没有返回值，直接改变原数组，注意和 map 方法区分
let arr = [1, 2, 3, 4, 5];
num.forEach(x =› x * 2);
// arr = [2, 4, 6, 8, 10] 数组改变,注意和map区分
Array.filter()
将所有元素进行判断，将满足条件的元素作为一个新的数组返回
let arr = [1, 2, 3, 4, 5]
const isBigEnough =› value =› value ›= 3
let newArr = arr.filter(isBigEnough )
//newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组
Array.every()
将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回 true，否则为 false：
let arr = [1, 2, 3, 4, 5]
const isLessThan4 =› value =› value ‹ 4
const isLessThan6 =› value =› value ‹ 6
arr.every(isLessThan4 ) //false
arr.every(isLessThan6 ) //true
Array.some()
将所有元素进行判断返回一个布尔值，如果存在元素都满足判断条件，则返回 true，若所有元素都不满足判断条件，则返回 false：
let arr= [1, 2, 3, 4, 5]
const isLessThan4 =› value =› value ‹ 4
const isLessThan6 =› value =› value › 6
arr.some(isLessThan4 ) //true
arr.some(isLessThan6 ) //false
Array.reduce()
所有元素调用返回函数，返回值为最后结果,传入的值必须是函数类型：
let arr = [1, 2, 3, 4, 5];
const add = (a, b) =› a + b;
let sum = arr.reduce(add);
//sum = 15 相当于累加的效果与之相对应的还有一个 ####Array.reduceRight() 方法，区别是这个是从右向左操作的
Array.push()
在数组的后面添加新加元素，此方法改变了数组的长度：
Array.pop()
在数组后面删除最后一个元素，并返回数组，此方法改变了数组的长度：
let arr = [1, 2, 3, 4, 5];
arr.pop();
console.log(arr); //[1, 2, 3, 4]
console.log(arr.length); //4
Array.shift()
在数组后面删除第一个元素，并返回数组，此方法改变了数组的长度：
let arr = [1, 2, 3, 4, 5];
arr.shift();
console.log(arr); //[2, 3, 4, 5]
console.log(arr.length); //4
Array.unshift()
将一个或多个元素添加到数组的开头，并返回新数组的长度：
let arr = [1, 2, 3, 4, 5];
arr.unshift(6, 7);
console.log(arr); //[6, 7, 2, 3, 4, 5]
console.log(arr.length); //7
Array.isArray()
判断一个对象是不是数组，返回的是布尔值
Array.concat()
将多个数组拼接成一个数组：
let arr1 = [1, 2, 3]
arr2 = [4, 5]
let arr = arr1.concat(arr2)
console.log(arr)//[1, 2, 3, 4, 5]
Array.toString()
将数组转化为字符串：
let arr = [1, 2, 3, 4, 5];
let str = arr.toString()
console.log(str)// 1,2,3,4,5
Array.join()
将数组转化为字符串：
let arr = [1, 2, 3, 4, 5];
let str1 = arr.toString()
let str2 = arr.toString(',')
let str3 = arr.toString('##')
console.log(str1)// 12345
console.log(str2)// 1,2,3,4,5
console.log(str3)// 1##2##3##4##5
Array.splice(开始位置， 删除的个数，元素)
万能方法，可以实现增删改：
let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素
16.字符串常用操作
charAt(index):返回指定索引处的字符串
charCodeAt(index):返回指定索引处的字符的Unicode的值
concat(str1,str2,...):连接多个字符串，返回连接后的字符串的副本
fromCharCode():将 Unicode 值转换成实际的字符串
indexOf(str):返回 str在父串中第一次出现的位置，若没有则返回-1
lastIndexOf(str):返回 str 在父串中最后一次出现的位置，若没有则返回-1
match(regex):搜索字符串，并返回正则表达式的所有匹配
replace(str1,str2):str1 也可以为正则表达式，用str2替换 str1
search(regex):基于正则表达式搜索字符串，并返回第一个匹配的位置
slice(start,end):返回字符索引在start和end（不含）之间的子串
split(sep，limit):将字符串分割为字符数组，limit 为从头开始执行分割的最大数量
substr(start，length):从字符索引start的位置开始，返回长度为length的子串
substring(from,to):返回字符索引在from和 to（不含）之间的子串
toLowerCase():将字符串转换为小写
toUpperCase():将字符串转换为大写
valueOf():返回原始字符串值
17.作用域的概念及作用
作用域 ：起作用的一块区域
作用域的概念： 对变量起保护作用的一块区域
作用： 作用域外部无法获取到作用域内部声明的变量，作用域内部能够获取到作用域外界声明的变量。
18.作用域的分类
块作用域、词法作用域、动态作用域
1). 块作用域
花括号 {}
2). 词法作用域
作用域只跟在何处被创建有关系，跟在何处被调用没有关系
3). 动态作用域
作用域只跟在何处被调用有关系，跟在何处被创建没有关系
19.js 属于哪种作用域
词法作用域（函数作用域）
块作用域
{
var num =123;
}
console.log(num);
如果js属于块作用域，那么在花括号外部就无法访问到花括号内部的声明的num变量。
如果js不属于块级作用域，那么花括号外部就能够访问到花括号内部声明的num变量
能够输出num变量，也就说明js不属于块级作用。
在ES6之前的版本js是不存在块级作用域的。
js属于词法作用域还是动态作用域
js中函数可以帮我们去形成一个作用域
function fn(){
var num =123;
}
fn();
//在函数外界能否访问到num这样一个变量
console.log(num)
//Uncaught ReferenceError: num is not defined
如果函数能够生成一个作用域，那么在函数外界就无法访问到函数内部声明的变量。
js中的函数能够生成一个函数作用域 。
词法作用域
作用的外界只跟作用域在何处创建有关系，跟作用域在何处被调用没有关系
var num = 123;
function f1() {
console.log(num); //
}
function f2() {
var num = 456;
f1(); //f1在f2被调用的时候会被执行 。
}
f2();
如果js是词法作用域，那么就会输出f1被创建的时候外部的num变量 123
如果js是动态作用域，那么f1执行的时候就会输出f1被调用时外部环境中的num 456
20.自执行函数?用于什么场景？好处?
自执行函数:
1). 声明一个匿名函数
2). 马上调用这个匿名函数。
作用：创建一个独立的作用域。好处：防止变量弥散到全局，以免各种 js 库冲突。隔离作用域避免污染，或者截断作用域链，避免闭包造成引用变量无法释放。利用立即执行特性，返回需要的业务函数或对象，避免每次通过条件判断来处理场景：一般用于框架、插件等场景
作者：惊鸿照颖来
链接：https://www.jianshu.com/p/7091fd75f895
来源：
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。