JavaScript入门萌新须知

原创于 2020-11-01 19:39:02 发布 · 2k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

JavaScript 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了JavaScript的应用场景，包括浏览器端表单验证、网页特效实现、服务器端后台服务及混合环境App开发等。还讲述了其设计借鉴的语言、ECMAScript规范，以及JS的书写位置、输出语句、语句执行与分号使用、注释方法等内容。

JavaScript 多数情况下,被用作浏览器端表单数据验证, 操作改变网页元素内容从而实现网页特效,以及根据用户的一些操作信息,如鼠标单击,移动操作等做出相应的反馈, 从而实现与用户的交互.因此, JavaScript 早期被定位为浏览器端脚本语言.

通过对Chrome V8引擎的再封装, 有了最近广泛使用的 Node.js, 将它的触角延伸到服务器端的后台服务, 配合 MongoDB 实现完全的后台功能, 这样 JS 的功能得到极大的拓展.

现在通过第三方提供的打包工具，JS被用于混合环境的App开发, 使得JS具备系统能力（调用摄像头、文件操作、生成二维码等），这样使用JS即可开发出与原生App同样强大的功能。

以至于有人提出 ATWOOD 定律: Any application that can be written in JavaScript, will eventually be written in JavaScript. ( 凡是能用JS写出来，最终都会用JS去写它 )

JS的主要开发者是 Brendan Eich. 他在设计之初:

①　借鉴C语言的基本语法

②　借鉴Java语言的数据类型和内存管理

③　借鉴Scheme语言，将函数提升到"第一等公民"(first class)的地位

④　借鉴Self语言，使用基于原型(prototype)的继承机制

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

通常 ECMAScript 只是规定的核心语法. 对于 JavaScript 来说有三部分:

核心语法: ECMAScript
浏览器对象模型: BOM
文档对象模型: DOM

书写位置

1. 标签中

<button onclick="alert('你点啥>')">点击按钮弹消息</button>  
<!-- 所有标签都可以  -->

2. </body> 标签之前

<body> 
	<script>
    	alert('在script标签中的代码')	
    </script>
</body>

3. 单独 js 文件, 在当前 html 文件引入

xxx.js

alert('我是一个单独的JS文件')

在html中引入 xxx.js 文件

<body>
    
 	<script src="./xxx.js"></script>   
</body>

输出语句

1. alert( )

2. document.write( )

3. console.log( )

<script>
	alert('弹出消息窗口')
    document.write('显示<br>在页面上')
    console.log('内容输出到控制台调试窗口')
</script>

注意: 三条语句是自上而下的执行

语句执行与分号

执行

归根到底, 代码指令是自上而下顺序执行的.

分号

1) 语句结束时, 是否必须加分号, 存在争议

2) JS 中, 回车换行也表示一条代码指令的结束

3) 当多条指令写在一行, 分号能起到分隔不同指令的作用

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

注释

作用

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

单行注释 //

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

快捷键 sublime 中 ctrl + /

多行注释 /* */

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

快捷键 sublime 中先选中要注释的代码 ctrl + shift + /