JavaScript-简介(萌新必看)

• List item

JavaScript (简介)

什么是JavaScript?

JavaScript（缩写为JS）是一种高级的、多范式、解释型的编程语言，是一门基于原型、函数先行的语言，它支持面向对象编程、命令式编程以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式，不支持I/O（比如网络、存储和图形等），但可以由它的宿主环境提供支持。它已经由ECMA（欧洲计算机制造商协会）通过ECMAScript实现语言的标准化。它被世界上的绝大多数网站所使用，也被世界主流浏览器支持。

JavaScript的历史

网景公司第一个发布 JS 后, 微软公司也发布了它的 JS 版本, 不同公司的 JS 存在差异, 给使用带来了不方便.最终由欧洲计算机制造商协（ECMA,European Computer Manufactures Association） 制定了统一的规范, 这就是ECMAScript. 2015年6月 ECMAScript 6 正式发布, 即 ES6

JavaScript的特点

环境
这门语言运行在浏览器中，只要有浏览器就能运行js

优点
1.使用JavaScript可以在客户端进行数据验证，节省服务器端的资源
2.可以方便地操纵各种页面中的对象，使网页更加友好
3.使多种任务仅在客户端就可以完成而不需要网络和服务器的参与，从而支持分布式的运算和处理

局限
1.兼容性。互联网上有很多浏览器，如FireFox、Internet Explorer、Opera等，但各种浏览器支持JavaScript的程度是不一样的，所以各个浏览器运行JavaScript的效果会有一定的差距，有时甚至会显示不出来
2.JavaScript不能打开、读写和保存用户计算机上的文件

学习目的

1.写特效
2.表单验证
3.Ajax

JavaScript的使用方式

1.在HTML中使用JavaScript

<script type="text/javascript">
	//里面写js代码
	alert('hello.js');
</script>

2.使用script标签导入js文件

<script src="hello.js">
	// 注意：
		// 1) <script>标签可以放到html页面的任何地方
		// 2)当使用script标签的src属性时，script标签中一定不能放入任何JS代码,不会执行
</script>

3.在HTML标签中使用JavaScript（基于事件)

<div onclick="alert('hello.js')"></div>

4.基于跳转 使用a标签

<a href="javascript:alert('hello.js');"></a>

JavaScript的两种输出方式

1.在页面输出

window.document.write('在页面输出')

2.在控制台输出

console.log('在控制台输出')

JavaScript的三种消息框

1.警告框(不点击确定按钮,alert(‘后面的代码不执行’))

 alert('警告!')

2.确认框(点击确定按钮返回 true 点击取消按钮返回 false)

confirm('请确认!')

3.提示框(输入内容后,点击确定按钮返回输入的内容 . 没有输入内容,点击取消按钮则返回null)

prompt('请您输入内容!')

注释

作用

1. 对旁边代码解释说明
2. 代码注释后不会执行. 查找代码中错误时,注释某段代码来排错.

// 单行注释

<script>
	// alert('代码被注释就不执行了')
	alert('有时候是为了调试代码')
</script>

/ / 多行注释

<script>
    /*
    	alert('不会被执行')
    	alert('也不会被执行')
    */
</script>

语句执行与分号

执行
代码指令是自上而下顺序执行的

分号

1. 语句结束时, 是否必须加分号, 存在争议
2. JS 中, 回车换行也表示一条代码指令的结束
3. 当多条指令写在一行, 分号能起到分隔不同指令的作用

个人建议: 多数情况, 一行只写一条语句指令时, 不加分号