javascript学习入门-01

一、javascript属于什么类型的语言?

JavaScript是一种解释性、直译式脚本语言;是一种动态类型、弱类型、基于原型的语言。C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

解释型语言相对于编译型语言存在的,源代码不是直接翻译成机器语言,而是先翻译成中间代码,再由解释器对中间代码进行解释运行。比如Python/JavaScript / Perl /Shell等都是解释型语言。

解释型语言:边翻译边运行
程序不需要编译,程序在运行时才翻译成机器语言,每执 行一次都要翻译一次。因此效率比较低。在运行程序的时候才翻译,专门有一个解释器去进行翻译,每个语句都是执行的时候才翻译。效率比较低,依赖解释器,跨平台性好。

二、javascript的诞生

1990年底,欧洲核能研究组织(CERN)科学家Tim Berners-Lee,在全世界最大的电脑网络——互联网的基础上,发明了万维网(World Wide Web)从此可以在网上浏览网页文件。最早的网页只能在操作系统的终端里浏览,也就是说只能使用命令行操作,网页都是在字符窗口中显示,这显得很不方便。

1992年底,美国国家超级电脑应用中心(NCSA)开始开发一个独立的浏览器,叫做Mosaic。这是人类历史上第一个浏览器,从此网页可以在图形界面的窗口浏览。

1994年10月,NCSA的一个主要程序员Marc Andreessen联合风险投资家Jim Clark,成立了Mosaic通信公司(Mosaic Communications),不久后改名为Netscape。这家公司的方向,就是在Mosaic的基础上,开发面向普通用户的新一代的浏览器Netscape Navigator。

1994年12月,Navigator发布了1.0版,市场份额一举超过90%。

1995年,Netscape公司雇佣了程序员Brendan Eich开发这种网页脚本语言。Brendan Eich有很强的函数式编程背景,希望以Scheme语言(函数式语言鼻祖LISP语言的一种方言)为蓝本,实现这种新语言。

1995年5月,Brendan Eich只用了10天,就设计完成了这种语言的第一版。它是一个大杂烩,语法有多个来源:

基本语法:借鉴C语言和Java语言。
数据结构:借鉴Java语言,包括将值分成原始值和对象两大类。
函数的用法:借鉴Scheme语言和Awk语言,将函数当作第一等公民,并引入闭包。
原型继承模型:借鉴Self语言(Smalltalk的一种变种)。
正则表达式:借鉴Perl语言。
字符串和数组处理:借鉴Python语言。

为了保持简单,这种脚本语言缺少一些关键的功能,比如块级作用域、模块、子类型(subtyping)等等,但是可以利用现有功能找出解决办法。这种功能的不足,直接导致了后来JavaScript的一个显著特点:对于其他语言,你需要学习语言的各种功能,而对于JavaScript,你常常需要学习各种解决问题的模式。而且由于来源多样,从一开始就注定,JavaScript的编程风格是函数式编程和面向对象编程的一种混合体。

Netscape公司的这种浏览器脚本语言,最初名字叫做Mocha1995年9月改为LiveScript12月,Netscape公司与Sun公司(Java语言的发明者和所有者)达成协议,后者允许将这种语言叫做JavaScript。这样一来,Netscape公司可以借助Java语言的声势,而Sun公司则将自己的影响力扩展到了浏览器。

之所以起这个名字,并不是因为JavaScript本身与Java语言有多么深的关系(事实上,两者关系并不深),而是因为Netscape公司已经决定,使用Java语言开发网络应用程序,JavaScript可以像胶水一样,将各个部分连接起来。当然,后来的历史是Java语言的浏览器插件失败了,JavaScript反而发扬光大。

1995年12月4日,Netscape公司与Sun公司联合发布了JavaScript语言。

1996年3月,Navigator 2.0浏览器正式内置了JavaScript脚本语言。

三、javascript版本

1997年7月,ECMAScript 1.0发布

1998年6月,ECMAScript 2.0版发布

1999年12月,ECMAScript 3.0版发布,成为JavaScript的通行标准,得到了广泛支持。

2007年10月,ECMAScript 4.0版草案发布,对3.0版做了大幅升级,预计次年8月发布正式版本。草案发布后,由于4.0版的目标过于激进,各方对于是否通过这个标准,发生了严重分歧。以Yahoo、Microsoft、Google为首的大公司,反对JavaScript的大幅升级,主张小幅改动;以JavaScript创造者Brendan Eich为首的Mozilla公司,则坚持当前的草案。

2008年7月,由于对于下一个版本应该包括哪些功能,各方分歧太大,争论过于激进,ECMA开会决定,中止ECMAScript 4.0的开发(即废除了这个版本),将其中涉及现有功能改善的一小部分,发布为ECMAScript 3.1,而将其他激进的设想扩大范围,放入以后的版本,由于会议的气氛,该版本的项目代号起名为Harmony(和谐)。会后不久,ECMAScript 3.1就改名为ECMAScript 5。

2009年12月,ECMAScript 5.0版正式发布。Harmony项目则一分为二,一些较为可行的设想定名为JavaScript.next继续开发,后来演变成ECMAScript 6;一些不是很成熟的设想,则被视为JavaScript.next.next,在更远的将来再考虑推出。TC39的总体考虑是,ECMAScript 5与ECMAScript 3基本保持兼容,较大的语法修正和新功能加入,将由JavaScript.next完成。当时,JavaScript.next指的是ECMAScript 6。第六版发布以后,将指ECMAScript 7。TC39预计,ECMAScript 5会在2013年的年中成为JavaScript开发的主流标准,并在此后五年中一直保持这个位置。

2011年6月,ECMAscript 5.1版发布,并且成为ISO国际标准(ISO/IEC 16262:2011)。到了2012年底,所有主要浏览器都支持ECMAScript 5.1版的全部功能。

2013年3月,ECMAScript 6草案冻结,不再添加新功能。新的功能设想将被放到ECMAScript 7

2013年12月,ECMAScript 6草案发布。然后是12个月的讨论期,听取各方反馈。

2015年6月,ECMAScript 6正式发布,并且更名为“ECMAScript 2015”。这是因为TC39委员会计划,以后每年发布一个ECMAScirpt的版本,下一个版本在2016年发布,称为“ECMAScript 2016”

除了ECMAScript的版本,很长一段时间中,Netscape公司(以及继承它的Mozilla基金会)在内部依然使用自己的版本号。这导致了JavaScript有自己不同于ECMAScript的版本号。1996年3月,Navigator 2.0内置了JavaScript 1.0。JavaScript 1.1版对应ECMAScript 1.0,但是直到JavaScript 1.4版才完全兼容ECMAScript 1.0。JavaScript 1.5版完全兼容ECMAScript 3.0。目前的JavaScript 1.8版完全兼容ECMAScript 5。

参考《JavaScript 标准参考教程(alpha)》,by 阮一峰
参考-简书-by寿木

四、浏览器发展

  1. 1990年:蒂姆-伯纳斯李发明了第一个网页浏览器WorldWdeWeb,后改名为Nexus
  2. 1993年:冯克安德森在美国伊利诺大学开发了MOSIAC浏览器,显示图片真正意义图形刘览器
  3. 1994年:马克安德森和吉姆克拉克(硅圆SGI)成立了一个公司
    MOSIAC comunication corporation,因为商标权问题改名为Netscape comunication corporation网景通讯公司,开发了Netscape navigation(大名鼎鼎网景浏览器)
  4. 1995年:IE收购spy glass,获得了MOSIAC的使用和商标权,改名为IE浏览器
  5. 1998年,网景竞争失利以后成立了非正式组织Moilla,网景也被美国在线收购
  6. 2003年,IE员工与原Netscape成立火狐同年Opera兴起,苹果也推出Safari
  7. 2008年:谷歌横空出世

五、浏览器结构与JS组成

一、浏览器结构分为外壳和内核,外壳及浏览器显示给人们看到的部分,而内核则包括渲染引擎和JS解析引擎。渲染引擎主要指HTML和CSS,JS解析引擎主要指解释、编译和执行js代码。
二、JS组成主要包括:
1、ECMAScript 由ECMA-262定义,提供核心语言功能。
2、DOM(文档对象模型),提供访问和操作网页内容的方法和接口。可控制标签
3、BOM(浏览器对象模型),提供与浏览器交互的方法和接口。如弹窗,右键菜单,滚动条等
三、浏览器内核
1.谷歌刘览器 +大部分手机浏览器welkit/blink内核
2.火狐浏览器 Gecko内核
3. Opera浏览器Presto/blink内核
4. IE浏览器Trident内核
5. Safari浏览器webkit内核
四、前端三层
1、结构层 html
2、样式层 css
3、javascript 交互的角度提升用户体验

六、JS代码引入方式以及写在什么位置

一、js代码写在什么位置?
1、js代码一般写在body闭合标签之间,常常在html结构的后面
在这里插入图片描述

二、JS代码引入方式与CSS一样,有三种:行内、内嵌、外联。
1、行内(前期学习不推荐):

<div onclick="alert('这是行内js')">这里是html结构部分</div>

2、内嵌

<script>
    alert("这是内嵌");
</script>

3、外联

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

注:1、每一句js代码的完成结尾必须加上分号,养成良好的代码规范,所有符号为英文输入法模式下。2、如果有外联(src路径引入),则内嵌不起作用!

七、js常用弹窗语句

一、常用弹窗语句
1、alert() 警告框、弹出框

<script>
        alert("这是内嵌");
</script>

在这里插入图片描述
2、prompt() 弹出框,可输入内容

 <script>
        prompt("你几岁了?");
    </script>

在这里插入图片描述
3、comfirm() 弹出确认框

 <script>
        confirm("是否确认更改?");
 </script>

在这里插入图片描述
注:这些弹窗语句在后期调试代码执行情况有很大的作用
二、常用注释方式:单行注释、多行注释。
1、单行注释 //

在这里插入图片描述
2、多行注释 /* */

在这里插入图片描述
注:注释里面不能再嵌套注释!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值