null 和 undefined 的区别 ==和===的区别


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

解决多次提交,和合并分支冲突,提交问题


可以参考
https://www.codercto.com/a/43072.htmlgit 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;    

②其次由于闭包涉及跨域访问,所以会导致性能损失,我们可以通过把跨作用域变量存储在局部变量中,然后直接访问局部变量,来减轻对执行速度的影响

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容