美文网首页
null 和 undefined 的区别 ==和===的区别

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

作者: 阿凯_8b27 | 来源:发表于2019-11-25 09:18 被阅读0次


    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;    

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

    相关文章

      网友评论

          本文标题:null 和 undefined 的区别 ==和===的区别

          本文链接:https://www.haomeiwen.com/subject/cmcsictx.html