我正在查看 React 16.4.2 的源代码并注意到一些我有点不熟悉的东西并且想知道它是如何工作的。这是代码:
var validateFormat = function validateFormat(format) {};
{
validateFormat = function validateFormat(format) {
if (format === undefined) {
throw new Error('invariant requires an error message argument');
}
};
}
如您所见，声明了一个名为 validaeFormat 的变量，并为其分配了一个函数作为其值。这对我来说很有意义。但是，在这一行之后，您可以立即看到该变量被重新分配给一个函数，该函数具有相同的名称但其闭包中的逻辑不同。
让我感到困惑的部分是围绕重新分配的额外未命名闭包。这似乎是 React 源代码中的通用范例。
额外的花括号有什么用？它在运行时的表现如何？
最佳答案
您似乎正在查看 development version React 构建。
在转译 react.development.js 之前，您找到的代码实际上看起来像这样。如果您不熟悉转译，请快速 read about it here但这样做通常是为了使用旧版浏览器可能尚不支持的语言功能(例如 let 和箭头函数语法)。
let validateFormat = () => {};
if (__DEV__) {
validateFormat = function(format) {
if (format === undefined) {
throw new Error('invariant requires an error message argument');
}
};
}
export default function invariant(condition, format, a, b, c, d, e, f) {
validateFormat(format);
if (!condition) {
let error;
if (format === undefined) {
error = new Error(
'Minified exception occurred; use the non-minified dev environment ' +
'for the full error message and additional helpful warnings.',
);
} else {
const args = [a, b, c, d, e, f];
let argIndex = 0;
error = new Error(
format.replace(/%s/g, function() {
return args[argIndex++];
}),
);
error.name = 'Invariant Violation';
}
error.framesToPop = 1; // we don't care about invariant's own frame
throw error;
}
}
注意 if (__DEV__)少量？ __DEV__是一个全局变量，通常设置为 true或 false取决于他们运行的构建类型，所以在开发构建中，这段代码看起来像
let validateFormat = () => {};
if (true) {
validateFormat = function(format) {
if (format === undefined) {
throw new Error('invariant requires an error message argument');
}
};
}
现在，当该构建被优化时，优化器将检测到这个 if check 是完全多余的，因为它总是评估为真，所以它只是删除它。任何人都可以猜测为什么它决定保留 { }。 block ，但可能是为了不意外地引入范围界定错误。
现在看看 production version react 构建。它将使用 __DEV__ 生成标志设置为 false然后优化器会意识到它可以删除整个 if 子句。结果是 validateFormat功能在开发中进行检查时在生产中是空操作。 React 中有许多此类开发检查在生产构建中被删除以节省字节数。
这是来自 variant.js 的代码的一些美化版本React 生产版本中的文件。
O = function(a, b, f, d, c, k, h, g) {
if (!a) {
if (void 0 === b) a = Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");
else {
var e = [f, d, c, k, h, g],
l = 0;
a = Error(b.replace(/%s/g, function() {
return e[l++]
}));
a.name = "Invariant Violation"
}
a.framesToPop = 1;
throw a;
}
},
if(!a)检查是否实际上是 if (!condition)从原始源代码中检查(变量名称已缩小以节省更多字节)。调用validateFormat()您可以在源代码中看到的那个已经消失了，因为整个函数只是一个空操作，因为它从未在现在删除的 if (__DEV__) 中重新分配。 block 。
此策略允许 React 在开发模式下运行时打印有用的错误消息和警告，而在生产模式下跳过它们以节省网络流量，因为错误/警告对用户没有值(value)。
原来如此。我希望这能澄清一些事情并且我没有进一步混淆你。您发现的基本上只是在构建步骤中运行的缩小过程的残留物。
关于javascript - 这段带有匿名闭包的 React 代码对 validateFormat 做了什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51713806/
类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc
假设我做了一个模块如下:m=Module.newdoclassCendend三个问题:除了对m的引用之外，还有什么方法可以访问C和m中的其他内容？我可以在创建匿名模块后为其命名吗(就像我输入“module...”一样)？如何在使用完匿名模块后将其删除，使其定义的常量不再存在？ 最佳答案 三个答案:是的，使用ObjectSpace.此代码使c引用你的类(class)C不引用m:c=nilObjectSpace.each_object{|obj|c=objif(Class===objandobj.name=~/::C$/)}当然这取决于
我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co
如何在buildr项目中使用Ruby？我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序，我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/)，但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻，因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%
我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i
在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中，它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has
为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返
它不等于主线程的binding，这个toplevel作用域是什么？此作用域与主线程中的binding有何不同？>ruby-e'putsTOPLEVEL_BINDING===binding'false 最佳答案 事实是，TOPLEVEL_BINDING始终引用Binding的预定义全局实例，而Kernel#binding创建的新实例>Binding每次封装当前执行上下文。在顶层，它们都包含相同的绑定(bind)，但它们不是同一个对象，您无法使用==或===测试它们的绑定(bind)相等性。putsTOPLEVEL_BINDINGput
我可以得到Infinity和NaNn=9.0/0#=>Infinityn.class#=>Floatm=0/0.0#=>NaNm.class#=>Float但是当我想直接访问Infinity或NaN时:Infinity#=>uninitializedconstantInfinity(NameError)NaN#=>uninitializedconstantNaN(NameError)什么是Infinity和NaN？它们是对象、关键字还是其他东西？ 最佳答案 您看到打印为Infinity和NaN的只是Float类的两个特殊实例的字符串