个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
有条件地为流行的现代浏览器定义函数的最佳方法是什么？
我看到 Safari 12(iOS 12.0.1 和 macOS 10.14)错误地定义了条件函数，而 Chrome、Firefox、Edge 似乎做了正确的事情。此外，JS 引擎的规范正确行为是什么，所以如果它是一个错误，我可以向 Apple 报告这个错误。
背景:我们这样做是为了避免在用户不同意 GDPR 的情况下加载 Google Analytics (gtag.js)。 Google 的 gtags.js 样板初始化代码有一行 function gtag(){dataLayer.push(arguments);} 触发 Safari。
下面的代码，演示地址 JS Fiddle here
<html>
<head>
<title>Safari JS engine test</title>
<script type="text/javascript">
if (false) {
function conditionalFunctionality() {
alert("Doing conditional functionality");
}
}
window.onload = function() {
if (typeof conditionalFunctionality === "function") {
alert("BAD. It's defined");
} else {
alert("GOOD. It's NOT defined");
}
}
</script>
</head>
<body>
<h1>Safari JS engine test</h1>
</body>
</html>
最佳答案
如上面的评论所述，当函数定义不是“顶级”时，它们的行为可能不直观。例如:
a()
function a() { console.log("here"); }
即使函数定义在使用后出现，也会记录到控制台。这在 Javascript 中称为提升，这里有一个很好的描述:
https://gomakethings.com/function-expressions-vs-function-declarations/
(由 pointy 提供)
不同的浏览器版本以不同的方式执行此提升，导致您观察到的不一致以及为什么“严格”模式(即代码块顶部的 “use strict”; 会改变此行为).
当我想要获得这样的行为时，我倾向于使用“函数表达式”。哪个看起来更像这样:
var conditionalFunctionality;
if (false) {
conditionalFunctionality = function () {
console.log("conditionally defined");
}
}
if (conditionalFunctionality) {
conditionalFunctionality();
}
它还具有适当的自然“虚假”变量的优势，并且不需要玩任何 typeof conditionalFunctionality === "function" 游戏。
关于javascript - 在现代浏览器中有条件地定义函数？特别是 Safari ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52897633/
24
4
0
我有一个库(围绕nlohmann / json封装)，可以从JSON反序列化: struct MyStruct { int propertyA; std::string propert
如果 的第 1、3、5、7、9、11、13 或 15 位之一，我希望 var 不等于 FALSE输入已设置。 一个似乎相当普遍的解决方案是: int var = 1 & (input >> 1) |
当我说目标类型时，我的意思是使用接收者变量或参数的类型作为信息来推断我分配给它的部分代码。例如，在 C# 中，您会编写类似这样的内容来传递可为 null 的值或 null (空)如有必要: void
我需要从 native 内存读取/写入一堆结构。我想弄清楚我是否应该为结构对齐而烦恼。这是我编写的用于测试的简单代码。它将压缩结构写入未对齐的指针，然后读回该结构: public static uns
采用以下代码: char chars[4] = {0x5B, 0x5B, 0x5B, 0x5B}; int* b = (int*) &chars[0]; (int*) &chars[0] 值将在循环(
因此，当我发现将整个解决问题的方法颠倒过来时，我正在网上搜索最佳实践，以实现使用多个数据存储的存储库模式。这就是我所拥有的... 我的应用程序是一个BI工具，它从四个数据库中提取数据。由于内部限制，我
我想仅使用现代 OpenGL 技术(即没有即时模式的东西)来设置正交投影。我在网络上看到有关如何处理此问题的相互矛盾的信息。 有些人说调用 glMatrixMode(GL_PROJECTION) 然后
我想知道当前的 cpus 是否避免在其中至少一个为零时将两个数字相乘。谢谢 最佳答案 这取决于 CPU 和(在某些情况下)操作数的类型。 较旧/较简单的 CPU 通常使用如下乘法算法: integer
在精美的 OpenGL 新版本(3.0 和 4.0 以上)中，不推荐使用 gl_Vertex 等内置顶点属性 .实际渲染任何东西的“新方法”是为位置、颜色等指定您自己的顶点属性，然后将这些自定义属性绑
在我的 OpenGL 研究(我认为是 OpenGL 红皮书)中，我遇到了一个关节机器人 ARM 模型的示例，该模型由“上臂”、“下臂”、“手”和五个或更多“手指”。每个部分都应该能够独立移动，但受“关
像 Kaby Lake 这样的现代 CPU 如何处理小分支？ (在下面的代码中，它是跳转到标签 LBB1_67)。据我所知，分支不会有害，因为跳转低于 16 字节块大小，即解码窗口的大小。 或者是否有
编辑:此问题假设您启用了发生检查。不是关于 setting Prolog flags . 30 年前有很多关于在安全的情况下自动优化发生检查的论文(大约 90% 的谓词，在典型的代码库中)。提出了不同
现在是 2020 年，在 iOS 终于添加了对 Widget 的支持之后，Widget 再次风靡一时。但是，自 2012 年以来，Android 小部件似乎没有更新。 来自 Android docs
我正在看一些关于算法的讲座，教授用乘法作为如何改进朴素算法的例子...... 它让我意识到乘法并不是那么明显，虽然当我编码时我只是认为它是一个简单的原子操作，乘法需要一个算法来运行，它不像求和数字那样
我们将 PIXI.js 用于内部使用 WebGL 进行渲染的游戏。时不时地，我会偶然发现避免 NPOT 纹理(https://developer.mozilla.org/en-US/docs/Web/
我是一名计算机科学专业的学生，即将毕业。我们现在必须用我们选择的语言编写完整的应用程序。我们选择 Objective-C 因为我们都是 Mac 人。 为了让我们的教授高兴，必须做一些事情:-)一项
我正在编写一个带有 x86 后端的 JIT 编译器，并且正在学习 x86 汇编器和机器代码。大约 20 年前，我使用 ARM 汇编程序，并对这些架构之间的成本模型差异感到惊讶。 具体来说，内存访问和分
如果负载与两个较早的存储重叠(并且负载未完全包含在最旧的存储中)，现代 Intel 或 AMD x86 实现能否从两个存储转发以满足负载？ 例如，考虑以下序列: mov [rdx + 0], eax
http://www.lighthouse3d.com/opengl/glsl/index.php?ogldir2 报告 OpenGL 上下文中的半向量是“眼睛位置 - 灯光位置”，但接着又说“幸运的
在现代 (GL3.3+) GPU 上使用 GLSL 时，在统一上进行分支的可能成本是多少？ 在我的引擎中，我已经达到了拥有大量着色器的程度。我为其中的很多预设了几种不同的质量预设。就目前情况而言，我在
我是一名优秀的程序员,十分优秀！