脚本宝典收集整理的这篇文章主要介绍了NgRx Store createSelector 的单步调试和源代码分析，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

源代码：

import { component } From '@Angular/core';
import { createSelector } from '@ngrx/Store';
 
export interface state {
  counter1: number;
  counter2: number;
}
 
export const selectCounter1 = (state: State) => state.counter1;
export const selectCounter2 = (state: State) => state.counter2;
export const selecttotal = createSelector(
  selectCounter1,
  selectCounter2,
  (counter1, counter2) => counter1 + counter2
); // selectTotal has a memoized value of null, because IT has not yet been invoked.

createSelector 内部：

function createSelector(...input) {
    return createSelectorFactory(defaultMemoize)(...input);
}

defaultMemoize 返回一个对象，每个字段指向一个函数：

输入参数我传入了三个纯函数，即没有 side effect，可以重复执行的函数。这三个纯函数被维护到了一个数组内：

进入到 createSelectorFactory 返回的函数体内部：

从源代码可以看出，createSelector接收的可变数目的参数，最后一个被当成 PRojector 看待，其余均视作 selector.

分下列几种情况讨论：

(1) 第一次执行，lastarguments undefined, 进入该 IF 分支，执行 projection，将结果保存，并返回。 (2) 如果是重复执行，且输入参数没有变化，则直接返回上一次执行的结果 (3) 执行到这里，说明是重复执行，且参数发生了变化，则重新执行 projection (4) 如果再次执行和前次执行的结果相同，返回前次结果

createSelector 最终返回的，是带有记忆功能的 selector：

以后如若要调试，记住代码的大概位置在 970，搜索关键字 memoized.

更多Jerry的@R_406_1915@，尽在："汪子熙":

脚本宝典总结

以上是脚本宝典为你收集整理的NgRx Store createSelector 的单步调试和源代码分析全部内容，希望文章能够帮你解决NgRx Store createSelector 的单步调试和源代码分析所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。