JavaScript初心者のジレンマから抜け出す～js初心者_基礎知識

从开始接触JS这东西有一年时间了，心头总是有一些说不出来的苦闷。在论坛里也常常有人这么说。那么苦在何处呢？总是感觉学的不深入，一些简单的东西可以做但也是不能得心应手。能不能把这种苦再说的具体点儿呢？都说了是“说不出来的苦闷”怎么具体呀？

何为难言之隐？说不出来，不能具体，不能把问题落到实处就不能得到解决的办法。这就是难言之隐！我认为这也就是初学者的“困境”。之所以要用“我认为”正好迎合了本文标题中的“心得”二字。如果能对大家有帮助我非常高兴。

下面言归正传，我经过回想和思考总结出下面几条初学者的“难言之隐”大家看看有没有说到我们的心坎儿上，呵呵。

一、用系统的知识将问题具体化

我们在学习时经常会发现可以用不同的方法来实现同一个问题。例如，要为元素绑定一个点击事件可以在HTML元素上用，我们起初会认为这就是绑定事件的方法。

当我们第二次又看到可以将一个函数传递给一个事件来绑定：a.onclick=f1;这时我们又会想原来绑定事件不只有一种方法。

当我们第三次又看到用addachEvent("onclick",f1)这种方法绑定事件的时候，你一定会想绑定事件的方法可能不只这三种。而且做一件事没理由要三种相同的方法，他们之间一定有不同之处？

那么他们有什么不同之处呢？到底绑定事件有多少种方法呢？当你发现一种方法在IE中不兼容的时候你还会问这到底是为什么呢？是我的语法错误了吗？还是怎么回事。一个又一个的问题结束之后你只好问自己：“天呀！我什么时候才能学好JavaScript呢？！“。

可能这样下去你很难学好JS。其实还要告诉你，你离学好他并不远了，只是你不知道怎么走。原因在哪里？原因就是没有系统的知识，原因就是没有读过《JavaScript权威指南》，他会告诉你绑定事件有四种方法，并且有两种是基本方法，所有浏览器都支持他，另外还有两种高级方法，一种是W3C标准方法，一种是IE标准方法，所以你知道为什么IE不兼容其中的一种高级方法了，对吗？

现在事情具体化了，绑定一个事件的时候只需考虑这四种方法，你也不会再有那么多的疑惑了。你也会觉得自己弄懂事件了，下一步你应该去弄懂其它问题了，你还会觉得自己在JS方面终于有进展了，当然你还会感觉到走出一个困境了。

二、必需了解JavaScript的历史

你了解JS的历史吗？我当然了解，他原本不叫JavaScript，他最早不是实现在IE中的。对，说的很好，可这不是最重要的，知道这个也不会成为高手，你必须了解的更详细，而且主要是了解功能进化方面的历史。

就像上面，为什么绑定事件会有那多的方法？为什么获得一个元素会有那么多的方法？倒底是document.links[]正规一点？还是getElementsByTagName('a')正规一点？哪一个兼容性更好？还有多少这样的方法？

要知道一个问题就够头痛了，十个问题你就无从下手，一百个问题你就会怀疑自己。一千个问题最后又回到那个问题“天呀！我什么时候才能学好JavaScript“？呵呵，事情往往就是这样。解决的方法就是具体化他，去弄懂到底有几种方法，为什么又有这些方法。这些问题一定会有答案，因为JS不是外星人留下的东西，是人创造出来的，而那个人的思维也是有限的，不是吗？

当你知道document.links[]是遗留的document方法，而且这种遗留方法一共有5个。分别是anchors[],applets[],forms[],images[],links[]的时候有些问题就消失了，当你还知道DOM标准保留了他们，你还知道所有浏览器都支持他们，你还知道他们就是所谓的“0级DOM”你又会走出一个“困境”。

三、JS有纵横交错的知识结构

JS的知识结构是横向和纵向交错的，这加大了理解他的难度，对这一点必需有一个清晰的认识。下面解释一下“纵横交错”。

一般的知识都有横向性。比如从大的方面JS分为核心部分和客户端部分。这是横向。核心部分又分为词法结构，数据类型和值，变量，表达式和运算符，语句，对象和数组，函数，类，模块和名字空间，正则表达式。这也是横向。

客户端部分可以分为BOM，DOM，事件，样式，表单等，这些也是横向的知识结构。

テクノロジーが時間を構造として使用することはほとんどありませんが、ブラウザーの開発は動的であるため、異なる時期のブラウザーでは異なる JS 実装レベルがあり、異なる時点でその時点のブラウザー向けに作成された Web ページは変更できません。技術の発展を考慮する必要はなく、技術の発展に合わせてすべての Web サイトを書き換えることは不可能であるため、JS は将来のサポートを維持しながら開発およびアップグレードする必要があります。したがって、より良いメソッドがあったとしても、以前のメソッドを保持する必要があります。たとえば、「レベル 0 DOM」は、ある程度、垂直に保持されています。の。

知識構造を明確に理解すると、問題を解決するときにどの知識を使用すればよいのかがわかるという利点があります。たとえば、ドキュメント内の要素の位置を取得したい場合は、DOM 内の要素の属性を使用する必要があります。マウス ポインターの位置を取得したい場合は、DOM 内の要素の属性を使用します。イベントオブジェクト。要素への参照を取得するには、レガシー DOM または W3C 標準 DOM メソッドを使用できます。これは良いことです。

実際、上記の質問の核心は体系化と具体性であり、これは学習プロセスにおいて非常に重要なことだと私は考えています。これは本当に私にとって多くの疑問を解決しました。

初心者のジレンマから抜け出すには、体系的な知識と具体的な思考が必要です。この記事をお読みいただきありがとうございます。お役に立てれば幸いです。さらに問題について話し合いたい場合は、QQ: 303551651 に私を追加してください。