美文网首页
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;    

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

相关文章

  • 你所不知道的 JavaScript

    null 和 undefined 的区别 null和undefined的区别,两者值是相等的unll==undef...

  • TypeScript 基础语法

    1、void 与 undefined和 null 与 void的区别是,undefined 和 null是所有类...

  • JavaScript中null和undefined的区别

    JavaScript 中null和undefined的区别 typeof操作符 在区分null和undefined...

  • 知识点杂谈

    1.js中null和undefined的区别 在js中null和undefined都表示空,但它们还是存在一定区别...

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

    1.null 和 undefined 的区别 undefined 为变量未定义的值undefined表示"缺少值"...

  • 之前的面试题

    1、js底层了解多少? 2、null和undefined有什么区别?(null是什么类型) 3、===和==的区别...

  • js基础知识

    [TOC] null和undefined区别 例子 对于null和undefined,大致可以像下面这样理解。 n...

  • null和undefined区别

    1.null是一个表示无的对象,转化为数值为0undefined是一个表示‘无’的原始值,转化为数值为NaN2.当...

  • null和undefined区别

    看下边代码,很相似啊,有木有?都表“无”的意思。 区别: 1:转数值时不一样,null转换成0,undefined...

  • null和undefined的区别

    相同点: 1,都表示值的空缺,二者可以互换 2,希望值是布尔类型的时候都是假值,和false类似 3,都不包含任何...

网友评论

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

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