JS简介 JavaScript
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);