JavaScript是什么？

JavaScript的诞生

在1995年前后，当时世界上的主流带宽为28.8Kbps，现在世界平均下载带宽为21.9Mbps（数据来源于http://www.netindex.com）。当时的网民，每提交一次表单，都需要等待很久才能收到服务器的回应，甚至很可能等了几分钟收到的却是说缺少了某一项。为了改善用户体验，嵌入浏览器客户端的能实现简单表单判断的脚本诞生了，这就是JavaScript。
JavaScript最早是工作于Netscape （网景公司）的 Brendan Eich为即将在1995年发行的NetscapeNavigator 2.0（NN2.0）开发的，当时叫做LiveScript。由于当时是和非常热门的Sun公司合作的，为了赶上当时的潮流——Java语言，这门语言被命名为JavaScript。

JavaScript跟Java有什么关系？

这也是外行人听到JavaScript的第一反应，也是这门语言被诟病最多的问题之一。
严格的说，没有半毛钱关系。如果非要扯上关系，也许就是两者的部分函数相同、面向对象思想、判断结构、循环语句相同等等等等，但这些显然不是Java的专利，而是编程语言的共识。

JavaScript的标准化及发展历史

JavaScript推出时，用户体验更好的NN 浏览器主宰了浏览器市场，而微软一直在追赶。在推出IE3的时候，微软发布了VBScript并以JScript为名，实际上和Netscape的JavaScript没有多大区别（用今天的话来讲就是山寨）。面对微软的竞争，Netscape和Sun公司将自己的JavaScript草案提交给ECMA（欧洲计算机制造商协会）对JavaScript进行了标准化，最后形成了ECMAScript 的第一个版本（ECMA-262）。
有意思的是，网景公司在标准化JavaScript之后，内部却出现了问题，JavaScript的研究停滞，而微软则趁机赶超，推出了IE4，内置了第一个遵循ECMA规范的JavaScript引擎，比NN提前了一年。再加上微软系统逐步占领计算机操作系统市场，其预装的IE浏览器市场份额逐渐加大，NN不断被挤占市场。然而，当微软失去了最大的对手后，它就没有了发展的动力，IE6~IE8，无论是界面渲染还是脚本执行，都互不兼容，成为浏览器史上的一朵奇葩，也是前端开发者的噩梦。
  1. v1 1997年06月 首版
  2. v2 1998年06月 格式修正，以使得其形式与ISO/IEC16262国际标准一致
  3. v3 1999年12月 强大的正则表达式，更好的文字链处理，新的控制指令，异常处理，错误定义更加明确，数输出的格式化及其它改变
  4. v4 未完成...可能更明确的类的定义，命名空间等等...
  5. v5 2009年12月  新增“严格模式（strict mode）”，一个子集用作提供更彻底的错误检查,以避免结构出错。澄清了许多第3版本的模糊规范,and accommodates behaviour of real-world implementations that differed consistently from that specification。增加了部分新功能,如getters及setters,支持JSON以及在物件属性上更完整的反射。

****2004年6月欧洲计算机制造商协会发表了ECMA-357标准，它是ECMAScript的一个扩延，它也被称为E4X（ECMAScript for XML）。

JavaScript跟ECMAScript有什么关系？

其实问题应该是JavaScript、JScript、ECMAScript三者有什么关系。实际上，ECMAScript是总的规范，JavaScript和JScript都是依照这个规范开发的，和ECMAScript相容，但包含了超出ECMAScript的功能。不过，现在无论是哪种，都通称为JavaScript，只因其最早出现，影响力最大，名字流传至今。

JavaScript能干什么？

网页上面，一切需要逻辑处理的操作都可以由JavaScript来完成。譬如：
  • 表单验证
  • 动画效果
  • 网页游戏
  • 倒计时
  • ……

还有很多很多种应用，在这里不赘述，相信大家学会这门语言之后会发现很多应用到的地方。

为什么要学JavaScript？

  1. 因为你别无选择，只有JavaScript可以控制所有常用的浏览器，而且JavaScript是世界上最重要的编程语言之一，学习web技术必须学会JavaScript。
  2. JavaScript是一种优美的语言，它很好，所以我们要学

JavaScript的定位

  1. JavaScript是一门轻量级的脚本语言，不需要编译，由JavaScript解析引擎解析运行（一般指浏览器，当然不排除node之类的解析器）
  2. JavaScript拥有非函数式语言特性、函数式语言特性和动态语言特性，它的语法非常灵活
  3. JavaScript是一门面向对象的编程语言，在JavaScript界有一句话：万物皆对象。其继承是基于原型的继承（我之前已经专门写了一篇阐述原型继承的文章）
  4. JavaScript是一门类C语言，所以只要学过C的人都很容易上手JavaScript
  5. JavaScript的编写不需要编译器，而只需要文本编辑器（记事本就免了，这里强烈推荐sublime text）

JavaScript有什么？

现在大家用的JavaScript包含了三大部分：DOM、BOM、ECMAScript（或称core js）。

DOM

这里默认大家对HTML、CSS至少有所了解，如果是直接跳过HTML、CSS来看本文的话，先看此处。
DOM，文档对象模型（document object model）
我们知道，XHTML要求标签必须闭合，嵌套必须正确。而标签的嵌套，就产生了父子关系（或者说，祖先-后代关系）。而DOM，提供了大量的API，让我们可以轻松操作DOM树。后面我会开一篇文章专门讲JS DOM。
使用DOM，我们能动态修改页面内容，调整样式等等，这也是JS多样化的一个体现。

BOM

BOM，浏览器对象模型（brower object model）
和DOM类似，只不过主体变成了浏览器。浏览器同样提供了大量的API，其中部分对JS开放，为我们提供了操作浏览器窗口的方法。
常见用处：
  1. 弹出新浏览器窗口的能力；
  2. 移动、关闭和更改浏览器窗口大小的能力；
  3. 可提供WEB浏览器详细信息的导航对象；
  4. 可提供浏览器载入页面详细信息的本地对象；
  5. 可提供用户屏幕分辨率详细信息的屏幕对象；
  6. 支持Cookies；
  7. Internet Explorer对BOM进行扩展以包括ActiveX对象类，可以通过JavaScript来实现ActiveX对象。

ECMAScript core

也叫JS core，随便怎么叫，意思一样，都是表示JS这门语言的核心组成，包括变量定义，垃圾回收，语法，作用域等等。和上面提到的DOM和BOM不同，它们只要求我们能使用这些API，而ECMAScript core则是这门语言的精髓所在，需要不断钻研。下一章将进一步讲JS的语法。

JavaScript的使用

行内式

行内式即写在标签中的JavaScrip，例如我们在HTML中写入：
<button onclick="alert('be clicked');">点击</button>

当我们点击按钮时，将会弹框显示"be clicked"。

但注意，强烈不建议这么做，因为这样会给维护带来巨大的麻烦，每次需要更改事件我们都需要先找到该元素，然后修改其javascript内容，而且这些javascript代码也无法复用。
另外，写在标签中的事件需要带'on'，而且标签内只能通过事件引入js，而不能写简单的js表达式

内嵌式

内嵌式即在html的script标签中写js代码，做法是在HTML中新增一个script标签，然后在标签中间插入你的任意js代码，如下：
<html>

    <body>

        <button id="btn">点击</button>

    </body>

    <script>

        <span style="font-family: Arial, Helvetica, sans-serif;">var btn = document.getElementById("btn");</span><pre name="code" class="javascript">        btn.onclick = function() {

            alert("be clicked");

        }

</script></html>



用内嵌式的话，就比行内式自由很多，可以写更多的代码，也可以避免引号的转义问题，维护也变得更轻松。但问题也是存在的，这些代码只能适用于这个页面，而无法被其他页面使用。




外联式


外联式把以上两种形式的缺点全部解决了。做法如下：


先新建一个文件，把后缀改为.js。例如，我们新建一个click.js文件，然后把刚才写的内嵌式里面的js代码拷贝进去（注意不包括script标签）




var btn = document.getElementById("btn");

btn.onclick = function() {

     alert("be clicked");

}


然后在HTML中通过script标签引入




<html>

    <body>

        <button id="btn">点击</button>

    </body>

    <script src="click.js"></script>

</html>


这样的好处在于同样的js代码可以被多个HTML页面共享，坏处是增加了文件数，增大了请求所需时间，所以应增强代码的复用性，并且最后要合并js文件（把不同的js文件合并成一个js文件）




												


											
JavaScript快速入门（一）——JavaScript概览的更多相关文章
	

    
						
  1. JavaScript快速入门（四）——JavaScript函数
		
    函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...
    
		
    2. 
								
  2. Web开发初探之JavaScript 快速入门
		
    本文改编和学习自 A JavaScript Primer For Meteor 和 MDN Web教程 前文 Web开发初探 概述 本文以介绍 JavaScript 为主,初学者掌握本文的内容后,将能 ...
    
		
    3. 
						
  3. javascript快速入门2--变量,小学生数学与简单的交互
		
    变量 对于变量的理解:变量是数据的代号.如同人的名字一样. var num;//在JavaScript中使用关键字var声明一个变量 在JavaScript中,使用上面的语法,就可以声明一个变量,以便 ...
    
		
    4. 
						
  4. JavaScript快速入门-ECMAScript函数
		
    JavaScript函数(定义.参数.返回值.闭包.匿名函数) 一.函数定义 function functionName(arg0, arg1, ... argN) { statements } 函数 ...
    
		
    5. 
						
  5. javascript快速入门1--JavaScript前世今生,HelloWorld与开发环境
		
    JavaScript历史 大概在1992年,一家称作Nombas的公司开始开发一种叫做C--(C-minus-minus,简称Cmm)的嵌入式脚本语言. Cmm背后的理念很简单:一个足够强大可以替代宏 ...
    
		
    6. 
						
  6. javascript快速入门22--Ajax简介
		
    Ajax是什么? 首先,Ajax是什么?一个很酷的新兴词汇!仅仅是某种早就有了的技术的一种新说法而已! Ajax是指一种创建交互式网页应用的网页开发技术.要谈到网页应用程序,则必须从WEB的历史来讲: ...
    
		
    7. 
						
  7. javascript快速入门
		
    这个在w3school在线文档讲解的很详细,还能在线练习. 所以我只写一些入门的东西和最常用的总结以及注意事项: JavaScript 是脚本语言 一般被人们称为JS,Jquery就是对js语言的封装 ...
    
		
    8. 
						
  8. Javascript快速入门(上篇)
		
    Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript ...
    
		
    9. 
						
  9. Javascript快速入门(下篇)
		
    Javascript, cheer up. Ajax:其通过在Web页面与服务器之间建立一个额外的处理层,这个处理层就被称为Ajax引擎,它解释来自用户的请求,在后台以异步的方式处理服务器通信,其结构 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. USACO Preface Numbering 构造
			
    一开始看到这道题目的时候,感觉好难 还要算出罗马的规则. 但是仔细一看,数据规模很小, n 只给到3500 看完题目给出了几组样例之后就有感觉了 解题方法就是: n的每个十进制数 转换成相应的罗马数字 ...
    
			
    2. 
						
  2. struts2总结【转载】
			
    1,struts2的form表单里面和url里面的传值以及Action所继承的父类都可以自动set属性注入action中,及继承的action中. 2,凡是url和form表单传值,在action方法 ...
    
			
    3. 
						
  3. stdcall、cdecl、fastcall、thiscall 、naked call的汇编详解
			
    函数调用规范   当高级语言函数被编译成机器码时,有一个问题就必须解决:因为CPU没有办法知道一个函数调用需要多少个.什么样的参数.即计算机不知道怎么给这个函数传递参数,传递参数的工作必须由函数调用者 ...
    
			
    4. 
						
  4. JSU省赛队员选拔赛个人赛1（Coin Change、Fibbonacci Number、Max Num、单词数、无限的路、叠筐）
			
    JSU省赛队员选拔赛个人赛1 一.题目概述: A.Coin Change(暴力求解.动态规划)     B.Fibbonacci Number(递推求解) C.Max Num(排序.比较) D.单词数 ...
    
			
    5. 
						
  5. Matlab中S函数建立与应用
			
    function [sys,x0,str,ts] = sfuntmpl(t,x,u,flag) % SFUNTMPL 是M-文件 S函数模板 %  通过剪裁,用户可以生成自己的S函数,不过一定要重新命 ...
    
			
    6. 
						
  6. 第三方系统打开EAFC的实现
			
    前言:EAFC是我们公司的一个框架,一个项目上,客户的OA系统要调用我们推送过去的代办任务,希望能打开我们的代办处理界面,我们的代办处理界面是winform的.引出给出了以下的一个方案.在此备存. - ...
    
			
    7. 
						
  7. IOS SWIFT 简单操作文件
			
    //Home目录 let homeDirectory = NSHomeDirectory() //Documents目录 苹果建议将程序中建立的或在程序中浏览到的文件数据保存在该目录下,iTunes备 ...
    
			
    8. 
						
  8. IO操作之使用zip包压缩和解压缩文件
			
    转自:http://www.cdtarena.com/java.html​​Java API中的import java.util.zip.*;包下包含了Java对于压缩文件的所有相关操作. 我们可以使 ...
    
			
    9. 
						
  9. 基于visual Studio2013解决算法导论之001插入排序
			
     题目 插入排序 解决代码及点评 #include <stdio.h> #include <time.h> #include <stdlib.h> void  ...
    
			
    10. 
						
  10. mysql 安装过程中的错误：my-template.ini could not be processed and written to XXX\my.ini.Error code-1
			
    安装mysql的过程中,在最后配置mysql时,提示错误:Configuration file tmeplate E:\编程\MySQL\my-template.ini could not be pr ...
    
			
    11.