1. null 和 undefined 的区别
undefined 为变量未定义的值 undefined表示"缺少值",就是此处应该有一个值,但是还没有定义
null 为空置 null表示"没有对象",即该处不应该有值
null == undefined; //true
null === undefined; //false
alert(typeof undefined); //output "undefined"
alert(typeof null); //output "object"
Number(null) // 0
Number(undefined)// NaN
2.== 和 ===的区别
==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换
===:用来检测两个操作数是否严格相等
1、对于string,number等基础类型,==和===是有区别的
不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等
同类型比较,直接进行“值”比较,两者结果一样
2、对于Array,Object等高级类型,==和===是没有区别的
3、基础类型与高级类型,==和===是有区别的
对于==,将高级转化为基础类型,进行“值”比较,因为类型不同,===结果为false
3.函数式编程
可以参考
https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/
4.函数柯里化
函数式一种体现,函数返回函数
经典例题,使用函数柯里化实现累加
function add() {
// 第一次执行时,定义一个数组专门用来存储所有的参数
var _args = Array.prototype.slice.call(arguments);
// 在内部声明一个函数,利用闭包的特性保存_args并收集所有的参数值
var _adder = function() {
_args.push(...arguments);
return _adder;
};
// 利用toString隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回
_adder.toString = function () {
return _args.reduce(function (a, b) {
return a + b;
});
}
return _adder;
}
/**
*传递函数
*/
export function curryMain(append) {
var arr = [];
return function reply() {
var arg = Array.prototype.slice.call(arguments);
arr = arr.concat(arg);
if (arg.length === 0) { // 递归结束条件,修改为 传入空参数
return append(arr);
} else {
return reply;
}
}
}
5.git rebase
解决多次提交,和合并分支冲突,提交问题
6.基础类型
string
number
null
undefined
sysmob /es6
引用类型:
Object、Array、RegExp、Date、Function
区别:引用类型值可添加属性和方法,而基本类型值则不可以。
基本类型 基本类型的变量是存放在栈内存(Stack)里的 基本数据类型的值是按值访问的 基本类型的值是不可变的 基本类型的比较是它们的值的比较
引用类型 引用类型的值是保存在堆内存(Heap)中的对象(Object) 引用类型的值是按引用访问的 引用类型的值是可变的 引用类型的比较是引用的比较
let a = NaN ;
let b = NaN;
a == b
false
7.判断一个数据是不是数组
方法一 typeof 判断类型
方法二 instanceof 判断是否有对应实例
方法三 constructor方法
方法四 Object.prototype.toString.call(arr) === '[object Array]
方法五 Array.isArray
8.为什么setTimeOut() 不准时
javascript引擎只有一个线程,迫使异步事件只能加入队列去等待执行。
在执行异步代码的时候,setTimeout 和setInterval 是有着本质区别的。
如果计时器被正在执行的代码阻塞了,它将会进入队列的尾部去等待执行直到下一次可能执行的时间出现(可能超过设定的延时时间)。
如果interval回调函数执行需要花很长时间的话(比指定的延时长),interval有可能没有延迟背靠背地执行。
上述这一切对于理解js引擎是如果工作的无疑是很重要的知识,尤其是大量的典型的异步事件发生时,对于构建一个高效的应用代码片段来说是一个非常有利的基础
9.浏览器的evnt Loop和node Loop的有啥区别
浏览器 执行为 一个宏任务 ,所有微任务,一个宏任务,所有微任务
宏任务: script中代码、setTimeout、setInterval、I/O、UI render。
微任务: promise、Object.observe、MutationObserver。
1.执行完主执行线程中的任务。
2.取出Microtask Queue中任务执行直到清空。
3.取出Macrotask Queue中一个任务执行。
4.取出Microtask Queue中任务执行直到清空。
重复3和4。
function sleep(time) {
let startTime = new Date()
while (new Date() - startTime < time) {}
console.log('1s over')
}
setTimeout(() => { //宏任务
console.log('setTimeout - 1')
setTimeout(() => {
console.log('setTimeout - 1 - 1')
sleep(1000)
})
new Promise(resolve => resolve()).then(() => { //微任务
console.log('setTimeout - 1 - then')
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 1 - then - then')
})
})
sleep(1000)
})
setTimeout(() => {
console.log('setTimeout - 2')
setTimeout(() => {
console.log('setTimeout - 2 - 1')
sleep(1000)
})
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 2 - then')
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 2 - then - then')
})
})
sleep(1000)
})
按照我们的循环的6个阶段依次执行,每次拿出当前阶段中的全部任务执行,清空NextTick Queue,清空Microtask Queue。再执行下一阶段,全部6个阶段执行完毕后,进入下轮循环。即:
清空当前循环内的Timers Queue,清空NextTick Queue,清空Microtask Queue。
清空当前循环内的I/O Queue,清空NextTick Queue,清空Microtask Queue。
清空当前循环内的Check Queu,清空NextTick Queue,清空Microtask Queue。
清空当前循环内的Close Queu,清空NextTick Queue,清空Microtask Queue。
进入下轮循环
function sleep(time) {
let startTime = new Date()
while (new Date() - startTime < time) {}
console.log('1s over')
}
setTimeout(() => {
console.log('setTimeout - 1')
setTimeout(() => {
console.log('setTimeout - 1 - 1')
sleep(1000)
})
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 1 - then')
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 1 - then - then')
})
})
sleep(1000)
})
setTimeout(() => {
console.log('setTimeout - 2')
setTimeout(() => {
console.log('setTimeout - 2 - 1')
sleep(1000)
})
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 2 - then')
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 2 - then - then')
})
})
sleep(1000)
})
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 3 - then')
new Promise(resolve => resolve()).then(() => {
console.log('setTimeout - 3 - then - then')
})
})
https://github.com/SunShinewyf/issue-blog/issues/34#issuecomment-371106502
https://github.com/ccforward/cc/issues/47
10.箭头函数的作用域
箭头函数作用域是和父级的上下文绑定在一起的
构造函数,箭头函数不能new
箭头函数需要提前定义
11.闭包的定义与应用
闭包是在另一个函数(称为父函数)中定义的函数,并且可以访问在父函数作用域中声明和定义的变量。
闭包可以访问三个作用域中的变量
1、在自己作用域中声明的变量
2、在父函数中声明的变量
3、在全局作用域中声明的变量
好处
①保护函数内的变量安全 ,实现封装,防止变量流入其他环境发生命名冲突
②在内存中维持一个变量,可以做缓存(但使用多了同时也是一项缺点,消耗内存)
③匿名自执行函数可以减少内存消耗
坏处
①其中一点上面已经有体现了,就是被引用的私有变量不能被销毁,增大了内存消耗,造成内存泄漏,解决方法是可以在使用完变量后手动为它赋值为null;
②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响