JavaScript 简介

网页、网站和应用程序

网页:单独的一个页面。

网站:一系列相关的页面组合到一起。

应用程序:可以和用户产生交互,并实现某种功能。

前端三层

HTML 结构层 从语义的角度描述页面结构

css 样式层 从美观的角度描述页面样式

JavaScript 行为层 从父互的角度描述页面行为

JavaScript的应用场景

JavaScript发展到现在几乎无所不能,常见的应用场景有:

1.网页特效

2.服务端开发(Node.js)

3.命令行工具(Node.js)

4.桌面程序(Electron)

5. App(Cordova)

6.控制硬件-物联网(Ruff)

7.游戏开发(cocos2d-js)

JavaScript 是什么

JavaScript是一种运行在客户端的脚本语言,最早是在HTML (标准通用标记语言下的一

个应用)网页上使用,用来给HTML网页增加动态功能。

浏览器就是一种运行JavaScript脚本语言的客户端,JavaScript的解释器被称为

JavaScript引擎,为浏览器的一部分。

JavaScript 简史

在WEB日益发展的同时,网页的大小和复杂性不断增加,受制于网速的限制,为完成简单的表单验证而频繁地 与服务器交换数据只会加重用户的负担,当时走在技术革新最前沿的Netscape (网景)公司,决定着手开发一 种客户端语言,用来处理这种简单的验证。

1995年,就职于Netscape公司的Brendan Eich,开始着手为即将于1996年2月发布的Netscape Navigator 2浏览器开发一种名为LiveScript的脚本语言。为了尽快完成LiveScript的开发,Netscape与Sun 公司建立了一个开发联盟。在Netscape Navigator 2正式发布前夕,Netscape为了搭上媒体热炒Java的顺风 车,临时把 LiveScript 改名为 JavaScript。

由于JavaScript 1.0获得的关注度越来越高,1996年,微软就在其Internet Explorer 3中加入了名为JScript 的JavaScript实现,这意味着有了两个不同的JavaScript版本,导致JavaScript没有一个标准化的语法和特性。

1997年,以JavaScript 1.1为蓝本的建议被提交给了欧洲计算机制造商协会(ECMA,European Computer Manufacturers Association)。该协会指定 39 号技术委员会(TC39,Technical Committee #39)负责”标 准化一种通用、跨平台、供应商中立的脚本语言的语法和语义”。TC39由来自Netscape. Sun、微软、 Borland及其他关注脚本语言发展的公司的程序员组成,他们经过数月的努力完成了 ECMA-262标准,定义一种 名为ECMAScript的新脚本语言。

ECMAScript发展过程

版本 时间 说明

ECMAScript 1

1997.06

ECMAScript 2

1998.06

ECMAScript 3

1999.12 成为JavaScript的通行标准,得到了广泛支持。

ECMAScript 4

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

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

ECMAScript 5

2009.12 ECMAScript 5.0版正式发布。Harmony项目则一分为二,一些较为可行的设想定名为JavaScript.next继续开发,后来演变成ECMAScript 6;—些不是很成熟的设想,则被视为JavaScript.next.next,在更远 的将来再考虑推出。

ECMAScript 5.1

2011.06 成为ISO国际标准(ISO/IEC 16262:201 1 )

ECMAScript

6/ECMAScript 2015

2015.06.17 ECMAScript 6发布正式版本,并且更名为”ECMAScript 2015”。

ECMAScript 的应用

Javscript, JScript, ActionScript等脚本语言都是基于ECMAScript标准实现的。

在JavaScript, JScript和ActionScript中声明变量,操作数组等语法完全一样,因为它们都是 ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法,这些都是各自语言的扩展。

JavaScript 的组成

JavaScript 是由 ECMAScript(核心语法) DOM 和 BOM 三者组成的。

计算机组成

软件

应用软件:浏览器(Chrome/IE/Firefox)、QQ、Sublime、Word

系统软件:Windows、Linux、mac OS

硬件

三大件:CPU、内存、硬盘 –主板

输入设备:鼠标、键盘、手写板、摄像头等

输出设备:显示器、打印机、投影仪等

JavaScript书写语法

掌握JavaScript的基本语法

1.书写位置

2.注释

3.alert语句

4.prompt语句

5.console控制台

1.书写位置

写在行内

写在html中的<script>标签中

alert(“Hello World!”);

写在外部js文件中,在页面引入

注意:引用外部js文件的<script>标签中不可以写JavaScript的代码,自定义的 JavaScript代码,需要书写在另一个新的<script>标签中。

2.注释

js注释分为两种:块级注释和单行注释。

块级注释:又叫做多行注释,作用范围是选中的多行,写作/**/

单行注释:作用范围只有符号后面的一行,写//

VScode快捷键:

单行注释:注释和解开注释都是ctrl /

多行注释:ctrl shift /

3.alert语句

alert()语句

alert :警示、警告。

作用:在浏览器中弹出一个警示框,警示框的警示内容可以人为自定义。

alert语句是一个js内置好的功能(函数、方法),要想实现功能必须在alert关键字后面 加小括号执行,自定义的内容需要传递给小括号内的参数,输出时参数位置的内容会出现 在弹框位置。

语法

语法1: alert语句作为一个函数,如果要执行,必须在后面紧跟着添加小括号。

语法2:alert语句作为一个函数,小括号内部可以传递参数,根据数据类型不同,有不同 的语法要求,例如文字内容(字符串)必须写在一对引号内部。

语法3:如果需要添加一对引号,要么是单引号,要么是双引号,不能一单一双。

语法4:所有的有特殊功能的符号必须是英文字符。

语法5:语句后面的分号必要性。

语法6: js对换行、缩进、空格也不敏感。

语法7:如果js中没有特殊控制结构,代码都是从上往下、从左往右进行加载。

4.prompt语句

prompt()语句

prompt:提示。

作用:弹出一个对话框,内部有一个提示语句以及一个输入框,可以在输入框中根据提示 任意输入内容。

prompt语句也是js内置的一个功能,必须加小括号执行,有两个参数可以进行传递,每 个参数一般都是字符串类型,必须加引号,两个参数中间用逗号分隔,引号和逗号都必须 是英文输入法状态。

prompt(“请输入您的年龄”,”18″);

第二个参数位置的值,可以删除并重新输入新的内容,甚至代码中可以不写第二个参数。

prompt(“请输入您的年龄”);

5.console控制台

在大部分浏览器中,都有一个控制台,内部可以查看HTML、css代码,甚至调试代码错误

浏览器中右键点击审查元素(检查),都可以打开控制台

快捷键:F12.

控制台中有一个console (控制台)的选项面板,在js中有非常重要的作用

控制台功能:

1.帮助程序员调试程序中出现的bug,可以提示错误的个数、错误所在的行数、错误类型

2.可以在控制台中直接书写一些语句,进行执行。

3.js有一个内置对象console,内部封装了大量的属性和方法(函数),可以通过给 console对象打点调用方法名()、属性名方式去执行。有一个叫做log (日志)方法,可以 实现参数位置自定义内容在控制台输出。

console.log(1,2);

console.log(“hehe”);

console.log(4 5);