共计 2413 个字符,预计需要花费 7 分钟才能阅读完成。
JavaScript 基础语法
主要内容
JavaScript
简介
JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象和事件驱动并具有相对安全性的客户端脚本语言。它的主要目的是,验证发往服务器端的数据、增加 Web 互动、加强用户体验度等。
JavaScript 的组成
ECMAScript 定义的只是这门语言的基础,与 Web 浏览器没有依赖关系,而在基础语法上可以构建更完善的脚本语言。JavaScript 的运行需要一定的环境,脱离了环境 JavaScript 代码是不能运行的,JavaScript 只能够寄生在某个具体的环境中才能够工作。JavaScript 运行环境一般都由宿主环境和执行期环境共同构成,其中宿主环境是由外壳程序生成的,如 Web 浏览器就是一个外壳程序,它提供了 一个可控制浏览器窗口的宿主环境。执行期环境则由嵌入到外壳程序中的 JavaScript 引擎(或称为 JavaScript 解释器)生成,在这个环境中 JavaScript 能够生成内置静态对象,初始化执行环境等。
Web 浏览器自定义的 DOM 组件,以面向对象方式描述的文档模型。DOM 定义了表示和修改 文档 所需的对象、这些对象的行为和属性以及这些对象之间的关系。DOM 对象,是我们用传统的方法 (javascript) 获得的对象。DOM 属于浏览器,而不是 JavaScript 语言规范里的规定的核心内容。
前面的 DOM 是为了操作浏览器中的文档,而为了控制浏览器的行为和操作,浏览器还提供了 BOM(浏览器对象模型)。
ECMAScript(基础语法)
JavaScript 的核心语法 ECMAScript 描述了该语言的语法和基本对象
DOM(文档对象模型)
文档对象模型(DOM)—— 描述了处理网页内容的方法和接口
BOM(浏览器对象模型)
浏览器对象模型(BOM)—— 描述了与浏览器进行交互的方法和接口
开发工具
- 浏览器:Chrome
- 开发工具:Hbuilder X
- 进入浏览器控制台 Console:F12
控制台的作用:
console 对象代表浏览器的 JavaScript 控制台,用来运行 JavaScript 命令,常常用来显示网页运行时候的错误信息。Elements 用来调试网页的 html 和 css 代码。
基本用法
JS 需要和 HTML 一起使用才有效果,我们可以通过直接或间接的方式将 JS 代码嵌入在 HTML 页面中。
行内 JS : 写在标签内部的 js 代码
内部 JS : 定义在 script 标签内部的 js 代码
外部 JS : 单独的 js 文件,在 HTML 中通过 script 标签引入
我们可以将 JavaScript 代码放在 html 文件中任何位置,但是我们一般放在网页的 <font color=”red”>head</font> 或者 <font color=”red”>body</font> 部分。由于页面的加载方式是 <font color=”red”> 从上往下依次加载 </font> 的,而这个对我们放置的 js 代码运行是有影响的。
放在 <head> 部分,最常用的方式是在页面中 head 部分放置 <script> 元素,浏览器解析 head 部分就会执行这个代码,然后才解析页面的其余部分。
放在 <body> 部分,JavaScript 代码在网页读取到该语句的时候就会执行。
行内 JS:
<button onclick="alert('you clicked hered!!!')">click here</button>
内部 JS:
<script type="text/javascript" charset="utf-8">
alert('this is inner js code')
</script>
外部 JS 文件:
hello.js
alert('this is a outter js document');
hello.html
<!-- 在需要使用 js 的 html 页面中引入 -->
<script src="js/hello.js" type="text/javascript" charset="utf-8"></script>
JavaScript 基础语法
语句和注释
JavaScript 程序的执行单位为行(line),也就是一行一行地执行。一般情况下,每一行就是一个语句。
语句(statement)是为了完成某种任务而进行的操作,语句以分号结尾,一个分号即表示一个语句结束。多个语句可以写在一行内(不建议这么写代码),但是一行写多条语句时,语句必须以分号结尾。
表达式不需要分号结尾。一旦在表达式后面添加分号,则 JavaScript 引擎就将表达式视为语句,这样会产生一些没有任何意义的语句。
单行注释:用 // 起头;多行注释:放在 /* 和 */ 之间。兼容 html 注释方式:<!-- -->
标识符和关键字
标识符 就是一个名字,用来给变量和函数进行命名,有特定规则和规范
规则:
由 Unicode 字母、_、$、数字组成、中文组成(1)不能以数字开头(2)不能是关键字和保留字(3)严格区分大小写
规范:
(1)见名知意(2)驼峰命名或下划线规则
关键字 也称保留字,是被 JavaScript 征用来有特殊含义的单词
arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield、Infinity、NaN、undefined