javascript - 为什么我发现 Javascript/jQuery 如此难以正确使用？

Question

我的背景是 C，我已经学会了 PHP、mySQL、HTML、CSS 而没有太多问题。

但我发现 Javascript/jQuery 出奇地难以正确使用。 非常令人沮丧。 为什么？

1. 它似乎违反了一些传统的编程原则(例如变量范围)

2. undefined variable 似乎无处不在，并且已经具有与之关联的值。例如(来自 jQuery 文档):

   $("a").click(function(event) {
       event.preventDefault();
       $('<div/>')
             .append('default ' + event.type + ' prevented')
             .appendTo('#log');
   });
   

   “事件”到底是什么？我必须使用这个变量名吗？我是否应该假设这个对象是用正确的东西神奇地实例化的，我可以使用 JQuery API 中的任何方法列表？ ?

3. 似乎有一堆随机规则(例如，返回 false 以停止默认操作，但有时这不起作用？)

4. 调试时的非确定性行为。 (例如，我刷新浏览器，尝试一些东西并得到我在 Firebug 中观察的 JS 变量的结果 X。我再次刷新并得到结果 Y？)

5. 看起来非常困惑的代码很难理解。什么时候会发生什么？我正在使用 Firebug 和 Chrome 开发者工具，但我没有获得足够的可见性。

似乎每天都会出现一些我以前在我的任何 JS 书籍或教程中从未见过的随机 JS“规则”。

我需要做什么才能使 Javascript/jQuery 对我来说更具确定性、可控性和逻辑性？

是否有任何资源可以解释 Javascript 的怪癖/陷阱？

谢谢!

Answer 1

1) It seems to violate a number of traditional programming principles (e.g. variable scope)

您需要使用var声明变量，否则它将进入全局范围。

2) Undefined variables seem to appear out of nowhere and already have values associated with them (how did this happen?)

这可能与 1) 和/或 4) 有关。

3) There seems to be bunch of random rules (e.g. return false to stop a default action, but sometimes this doesn't work?)

您还需要让处理程序返回 false。例如。 form onsubmit="return functionname()"。您还需要从“main”函数返回，而不仅仅是从闭包(函数内的函数)返回，指的是您的 previous question .它只会返回到“main”函数并继续。

4) Non-deterministic behavior when debugging. (e.g. I refresh the browser, try something and get result X for JS variables I'm watching in Firebug. I refresh again and I get result Y?)

可能代码是在 HTML DOM 完成填充之前执行的。你需要 Hook window.onload或 $(document).ready()每当您想在页面加载期间执行内容时。

5) Very messy looking code that is hard to follow. What happens when? I'm using Firebug and Chrome Developer Tools, but I'm not getting enough visibility.

我打赌你在谈论 jQuery 源代码？这只是一个大图书馆。毕竟在调试时你不应该担心这个。而是担心你自己的代码。但是，请确保您查看的是 jQuery 源代码的未压缩版本。

---

另见:

• JavaScript: the bad parts
• What should every JavaScript programmer know