java胜任理由

我与一位同事讨论了Java与JavaScript的话题，这是一个有问题的话题。 然后他提到React Native多么出色，我决定我必须研究一下，也许要为Codename One掌握一些想法……

那里有一些不错的主意，但是它们都不是革命性的或例外的，而且对于在Java 8中运行的Codename One开发人员来说，大多数都不是什么新鲜事。

我喜欢的一件事是React演示代码看起来有多短，所以我将其移植到Codename One上，最终得到了大致相同数量的代码，并且可以说是更好/更简单的代码！

退房的完整列表，在文章的结尾，或在github上的项目在这里 ，但让我们首先回顾了为什么Java代码是“更好”。

同步执行

JavaScript爱好者讨厌这一点，但它仍然是一个事实，即同步代码更易于阅读，跟踪和调试。 例如，这是获取数据的代码的React Native版本：

fetchData: function() {fetch(REQUEST_URL) .then((response) => response.json()) .then((responseData) => { this.setState({ dataSource: this.state.dataSource.cloneWithRows(responseData.movies), loaded: true, }); }) .done();
},

我有20多年的专业编程经验，这仍然很难遵循。 显然，如果省略done() ，您将不会得到任何错误处理？

它很奇怪且容易出错。 我觉得这背后隐藏着许多代码，这使简洁性比简化更为混乱（有点像通过Twitter进行政治辩论）。 对我来说，我们的代码是这样简单：

react.add(BorderLayout.CENTER, new InfiniteContainer() {public Component[] fetchComponents(int index, int amount) {try {Collection data = (Collection)ConnectionRequest.fetchJSON(REQUEST_URL).get("movies");Component[] response = new Component[data.size()];int offset = 0;for(Object movie : data) {response[offset] = createMovieEntry(Result.fromContent((Map)movie));offset++;}return response;} catch(IOException err) {Dialog.show("Error", "Error during connection: " + err, "OK", null);}return null;}
});

请注意，这与上面的代码并不完全相同，因为我们还创建了组件，将它们添加到UI并处理所产生的错误！ 比较公平的比较是：

try {Collection data = (Collection)ConnectionRequest.fetchJSON(REQUEST_URL).get("movies");...
} catch(IOException err) {...
}

这实际上是一行代码，甚至可能更短，之后我们得到结果……没有流程，没有回调！

开发人员经常讨厌Java的检查异常功能，我必须同意它们有时会很痛苦（如果InterruptedException是愚蠢的），但这是为什么检查异常很重要的一个很好的例子。 我们必须正确地处理错误，并且直到我们的代码以这种可爱的“ TODO”注释正式投入生产时，我们才不能忽略它，没有人会打扰阅读。

一种语言-更少的代码

清单的大小大致相等，但是您会注意到react代码在处理JavaScript代码时会忽略本机特定于平台的代码。 我们的清单包含所有内容，不需要其他代码，也不需要其他样板，项目等。

React Native通过将标签与JavaScript代码混合来进一步有效地将声明性代码混合到常规流中。 是的，它缩短了代码，但也消除了声明式编程价值的很大一部分，即职责分离。

重新加载==应用代码更改

可以通过重新加载来调试React Native，这在使用糟糕的 Android模拟器时会有所帮助。 幸运的是，Codename One不需要该模拟器，也不需要重新启动应用程序即可重新加载已编译的更改…例如，在NetBeans中，只需在调试器中使用“ Apply Code Changes”即可，您的更改将立即镜像到正在运行的应用程序中。

脚本语言在“设备上”存在问题

这并不是“ React Native”特有的rant语，它与将JavaScript打包在应用程序捆绑包中的所有工具有关。 脚本语言非常适合网络使用，就像“管道胶带”一样。 告诉我一个不喜欢胶带的黑客！

发行带有这种胶带的应用程序的诱惑很大，但是与网络不同，在Web上，您可以通过部署新的更新来修复生产中的“奇怪的未定义”错误。 使用应用程序时，您需要通过苹果的审批流程…这意味着在您观察评分下降时，仍会存在生产错误。

是的，单元测试，lint和许多其他解决方案应该可以解决这些问题，但是当您使用现代IDE时，由于严格的语言语法，它可以检测到潜在的null推理，这真是太神奇了！

例如，关于JavaScript简化问题的一个很好的例子就是这样的代码：

function reduce(var a) {if(...) {a = a - 1;} else {a = a + 1;}
}

如果这是Java代码，那么我们可以确切地知道这里会发生什么……在JavaScript中情况并非如此！ 让我们假设由于错误，只要条件为真（某种情况下在所有测试用例中都是这样），a就是某种方式为"11"的字符串，那么它将像数字一样起作用。 例如a将变为"10" 。 但是在生产中，如果条件由于某种原因变为假，则a将变为"111" 。 如果a代表某种有价值的东西（例如债务，信用等），那么在商店中有一个带有此错误的应用可能真的很痛苦。

环境

React native使用本地开发环境，这意味着它需要Mac才能进行iOS开发。 这也意味着您需要在Android IDE中完成部分工作，在Xcode中完成部分工作，并使用文本编辑器来完成JavaScript工作。 让我感到惊讶的是，开发人员愿意放弃30年的IDE演变以获取一些语法上的糖果？？？ 我们是否受到Eclipse的伤害？ 今天的IDE令人赞叹，您可以通过单个IDE跟踪/调试整个代码这一事实非常宝贵。 我们团队具有立即查看谁使用了什么软件以及出于什么目的的功能，这真是令人震惊，我无法理解一个这样的事情是如何由超过2个人的团队使用的，尤其是在分散的员工队伍中。

我喜欢JavaScript的地方

我真正喜欢使用JavaScript的一件事是使用JSON的便捷性，而在下面的代码中，我将其大大减少到几乎与它一样优雅的大小。 我仍然不喜欢鸭子类型或脚本语言，但我真的很想将诸如属性对象之类的东西添加到Codename One中，并改进集成的解析。

最后的话

我在简洁的编程中发现的问题之一是，人们使用它来隐藏基本概念，以至于太多的事情以“不言而喻”的方式发生。 不幸的是，这使得简洁的代码像Tweet一样易于阅读，不幸的是，即使您需要表达一个中等复杂的想法，Twitter都不会削减它，而其中某些API就是一个大问题。

React native有它的粉丝，毕竟它可能比PhoneGap更好，PhoneGap有其自身的局限性。 但是，它仍然是脚本基础架构的鸡腿上的一个有限的概念。 与Codename One相比，它没有真正的优势，并且存在一些明显的潜在问题。

Java清单

public class ReactDemo {private static final String REQUEST_URL = "https://raw.githubusercontent.com/facebook/react-native/master/docs/MoviesExample.json";private Form current;private EncodedImage placeholder;public void init(Object context) {UIManager.initFirstTheme("/theme");}public void start() {if(current != null){current.show();return;}placeholder = EncodedImage.createFromImage(Image.createImage(53, 81, 0), false);Form react = new Form("React Demo", new BorderLayout());react.add(BorderLayout.CENTER, new InfiniteContainer() {public Component[] fetchComponents(int index, int amount) {try {Collection data = (Collection)ConnectionRequest.fetchJSON(REQUEST_URL).get("movies");Component[] response = new Component[data.size()];int offset = 0;for(Object movie : data) {response[offset] = createMovieEntry(Result.fromContent((Map)movie));offset++;}return response;} catch(IOException err) {Dialog.show("Error", "Error during connection: " + err, "OK", null);}return null;}});react.show();}Component createMovieEntry(Result data) {Container entry = BorderLayout.center(BoxLayout.encloseY(new SpanLabel(data.getAsString("title"), "Line1"), new Label(data.getAsString("year"), "Line2"))).add(BorderLayout.WEST, URLImage.createToStorage(placeholder, data.getAsString("id"), data.getAsString("posters/thumbnail")));return entry;} public void stop() {current = Display.getInstance().getCurrent();}public void destroy() {}
}

翻译自: https://www.javacodegeeks.com/2015/11/java-is-superior-to-react-native-in-practically-every-way.html

java胜任理由