系统javascript的简单介绍

如何系统地学习 JavaScript

自从AJAX开始流行后，人们发现利用JavaScript可以给用户带来更好的体验，甚至利用这一优点开发了大型网页游戏，于是这门小语言被重视了起来。现在，很多公司会招专门的JavaScript工程师，通常JavaScript是WEB前端开发的必备技能。简单介绍了JavaScriptr的好处，并不代表大家就会去学习甚至把它学好，兴趣是很关键的，我认为兴趣是最好的老师，它是你专心做一件事并把它做好的动力。另外，大家要相信小语言有大作为，我就曾用Greasemonkey写过一些非常实用的工具，比如你可以用JavaScript+Greasemonkey写在线网页游戏的外挂程序。下面说说本人学习JavaScript的历程和心得吧。

入门学会DIV+CSS布局

使用DIV+CSS布局标准网页，可以使前端XHTML代码更少、结构更清晰，这有利于轻松用JavaScript操作DOM，比如，要展示一个3行3列的列表，如果用传统的表格布局，现在要你用JavaScript动态生成这个列表，那么就需要一个循环嵌套，如果采用li结构加CSS浮动布局，一次循环就好了。当然，WEB标准化不是一定不能使用表格，我的意思是结构清晰的XHTML更易于把JavaScript效果或功能整合到项目中。

掌握几种开发测试工具

作为一个开发人员，熟悉测试工具是必须的，这有助于提高你发现问题和解决问题的效率，对于特别大的项目更是如此。JavaScript和XHTML开发测试利器我就先推荐两个最常用的，它们是：Web Developer和Firebug。

熟悉JavaScript每一个方法的作用

这一要求听起来似乎有点不太实际，我想这个要求对于像C#、JAVA这些大型语言来说确实是，因为这些语言类库实在太庞大了，相信没有人可以全面记住它，而且也是没有必要全部记住，比如用JAVA做网页与手机开发所关注的类库是不一样的。而JavaScript则不是，它的内置方法函数真的不多，先全面熟悉一下，开发起来也将得心应手，比如，你一开始可能认为JavaScript有trim()这个很多语言都有的去行头行尾空格的方法，当你了解JavaScript内置函数库后你会发现原来在JavaScript中这些方法是要自己去实现。再比如，如果你是从其它比较强大的语言转过来玩JavaScript，你又可能认为JavaScript应该有MD5加密的方法，当然这也是没有的，但有人用JavaScript实现了这样的方法，即JavaScript MD5。说到底JavaScript内置方法少的可怜，但很多牛人写了一些新方法增加JavaScript功能，比如prototype框架主要是对JavaScript基础函数进行原型扩展的。

了解DOM编程

了解DOM编程算是学习JavaScript过程比较重要的课程，因为JavaScript除了编写一些纯数据处理的逻辑外，更多的是在动态更改XHTML的结构和内容，以达到界面动态更新的目的，而这些工作都要依赖DOM编程。jQuery框架在这方面封装的相当好，提供了丰富的DOM操作方法，可以让你轻松找到页面任何地方的一个DOM节点（XHTML标签），然后进行相关操作（增、删、改、查）。对于有过用其它语言操作XML文档经验的朋友，相信这一块很快上手。

接触并使用AJAX

在今天，学习了JavaScript而不使用AJAX，那是埋没JavaScript优势了（AJAX本身并不能算是JavaScript内容）。AJAX对于用户以及服务器来说都是有好处的，对于用户，提供更好的用户体验，最典型的一个应用场景：注册页面的用户名可用性预检测，传统的可能会遇到这样的问题：用户填写了一堆资料后提交表单，结果被服务器告知这个用户被注册了，要用户重新填写资料注册，这对于大型多用户网站那是很致命的，因为用户输10个用户名可能有一半已被使用了。对于服务器来说，减少网页流量，因为AJAX后，一般是按需加载数据的，不会因为局部更新而重新加载整个页面。比如一个网页占三屏高，我们可以默认只加载第一屏的内容，当用户拉动滚动条往下的时候，再加载二三屏的内容。另外像WEB在线地图应用也是AJAX使用的典范。

提高深入理解JavaScript this关键字

JavaScript this的作用与指向跟很多真正面向对象的开发语言是有很大差别的，它不始终指向当前对象，是会变化的。如果不注意这个问题，就有可能遇到看似没错的代码报错或不执行等问题。

学习JavaScript OOP编程

OOP是个好东西，它使程序员思考问题更有组织性，代码的组织也更清晰。JavaScript 也可以OOP，但与一些传统的OOP语言同样存在较大差别，所以要真正用熟JavaScript OOP也是需要下点功夫的。

了解闭包JavaScript闭包也是被谈得比较多的一个话题，闭包使JavaScript变量作用域变得复杂起来，但这一特性又使这门语言变的更灵活了。

学习规范开发

团队精神相信大家是听过不少了，就职一个公司做开发，当然离不开团队，团队要想合作愉快，每个成员的编码必需符合一定规范，这也是每个公司对程序员的基本要求。关于规范通常指变量命名、文件组织、注释规范等，这方面知识与其它语言的规范是有相通性的。

找本算法的书读一读

我认为学会并使用一门语言并不是什么难事，难的应该是用语言这基本的语法与语句去解决一些复杂的问题。要解决一些复杂的问题，可能会用上一些算法，有些算法实现可能是一个团队在做的，比如中科院中文分词的具体实现，另外像游戏常用自动寻径A*算法等。也许你认为你不可能在JavaScript开发上遇到这么复杂的问题，其实这还要看你在做什么项目，如果你是在开发大型网页游戏，通常面临更多具有挑战性的难题，如果你有读过一些算法书籍，了解一些常见问题的解决方法，在开发过程中自然会如虎添翼。另外，熟悉算法显然对于你日后接触其它开发语言也是有帮助的。

习惯兼容、BUG问题做好笔记

CSS与JavaScript浏览器兼容问题最好做好笔记，因为这些问题，或者说BUG是比较诡异的，这些问题浏览器不会提示你错在哪里，IDE也不会提示你，特别是CSS兼容问题，这就会导致你在开发过程碰到这样的问题会卡老半天得不到解决。即使之前解决过同类问题，以后可能又会碰上，结果之前没有做好笔记加强记忆，注定你要再受罪一次，因为这些兼容问题不是一两个，临时记忆效果是不明显的。以我经验，很多问题是在IE6下发生的，现在IE6连微软自己都希望加速它灭亡，这对于前端开发的我们来说当然是一个好消息。

阅读优秀的代码，比如jQuery

阅读优秀代码绝对也是自我提高的好方法，这不仅可以了解优秀代码的组织规范，更可以了解一些功能的实现思路。比如jQuery就是一个非常值的学习的JavaScript框架。当然了，要阅读这样专业的JavaScript框架，JavaScript基础要扎实，不然看的过程中会遇到太多疑问，甚至对自己的信心也是一种打击。

注意在JavaScript入门之前避免直接使用JavaScript框架做开发

如果你没有任何JavaScript基础，请不要直接使用JavaScript框架做开发，我认为这可能会误导你对一门语言的认识，比如你直接使用了jQuery用点连起来的语句写法，你是否会认为这是JavaScript语法的一种呢？再比如你使了prototype你不要把框架扩展后的基类方法认为是JavaScript内置的。我认为JavaScript框架是用来提高效率的，它绝对不是JavaScript入门应该学习的。

网上找的很多例子可能不是跨浏览器兼容的

有很多JavaScript效果源码是N年前某网友写的，N年前是IE的天下，于是一些前端懒得解决脚本跨浏览器兼容问题，使写出来的脚本只适用于IE。

相关问答

Q1: 如何解决Win7禁用了javascript

用户在上网过程中可能会遇到无法打开网友问题，例如有些Win7系统用户不小心把JavaScript给禁用了，网页显示不正常。JavaScript是一种直译式脚本语言，是浏览器的一部分，那么如果禁用了javascript导致网页显示不正常该怎么来解禁呢?下面，安下小编就来和大家介绍Win7禁用javascript导致网页显示不正常的处理方法。 具体操作方法如下： 1、首先打开ie浏览器，然后点击上面的菜单栏中的工具，然后再点击internet选项;2、在浏览器选项中，默认是在常规的选项卡中，我们点击安全选项卡;3、在安全选项卡中，最下面有一个该区域的安全级别这样一个选项，下面有一个自定义的级别，通常如果这里被更改，就会在上面显示一个自定义。4、点击自定义级别之后，向下拉动这个滑块，然后找到java小程序脚本选项，如果已禁用，就会在禁用前选定。启用这个选项，然后点击确定退出。5、然后会跳出一个警告提示，直接点击“是”按钮退出这个设置。然后点击确定，java的更改就已经被我们还原了。 Win7系统禁用javascript导致网页显示不正常的还原方法就介绍到这了，有需要的用户可以参考上面教程动手解决，希望能够帮助到大家。

Q2: javascript是干什么的

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中，JavaScript基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

javascript是一种解释类型的语言，跟c++、c语言这些不一样（先编译后执行），它是在程序运行过程中每行都要进行解释。javascript不仅是一种基于对象的脚本语言，它既可以创建对象，也可以直接使用已有的对象。

javascript是事件驱动性的脚本语言，比如用户在访问网页时，鼠标在点击，移动等操作。javascript是可以直接对这些时间做出相应，并不需要通过web服务器来对用户的行为做出相应。

javascript特点：

1、简单性

javascript是弱类型的变量类型，对于数据类型并没有严格要求，她的设计简单紧凑。

2、跨平台性

javascript是不需要依靠操作系统，只要浏览器支持，它编译后就可以直接带到任何支持浏览器脚本语言上就可以直接使用了，而javascript几乎已经获得所有浏览器的支持。

javascript是事件驱动性的脚本语言，比如用户在访问网页时，鼠标在点击，移动等操作。javascript是可以直接对这些时间做出相应，并不需要通过web服务器来对用户的行为做出相应。

Q3: javascript是什么，有什么特点？

JavaScript是一种基于原型的面向对象的语言。是在网站浏览器上运行的编程语言。

主要是向使用HTML和CSS构建的网站添加，并起到实现各种页面动态效果的作用。例如，在网页上展示的轮播图样式和在咨询平台上输入的内容错误后显示的提示信息等这样的效果。另外针对商城网站里面购买商品时，使用购物车和费用估算也需要用到JavaScript。所以即使它不怎么明显，但依然是编码人员经常会用到的一种语言。

  同时，因为JavaScript是脚本语言，而脚本语言又是一种解释性的语言，

  所以JavaScript是逐行执行的同时也具有解释型语言的特点：不需要编译可以直接使用，由解释器来负责解释。

JavaScript的特点有哪些？

1、脚本语言。JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行，而JavaScript是在程序的运行过程中逐行进行解释。

2、基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

3、简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。

4、动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。

5、跨平台性。JavaScript脚本语言不依赖于操作系统，仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提上机器上的浏览器支持JavaScript脚本语言，目前JavaScript已被大多数的浏览器所支持。

6、单线程与异步处理共存

  单线程程序的执行顺序是从上到下依次执行，一个程序中只可以执行一个程序。而异步处理不用阻塞当前线程来等待处理完成，而是允许后续操作，直至其它线程将处理完成。二者看起来相互矛盾，不能够同时存在，可是JavaScript以一种巧妙地方式用单线程实现了异步处理的效果。