JavaScript基础入门：组成、引入方式与运算符详解

JavaScript 简介与地位

JavaScript简介：

JavaScript 是一种广泛应用于网络环境的脚本语言。

目前，数百万个网页利用 JavaScript 来优化页面设计、验证表单数据、检测浏览器类型、创建 Cookie 等，实现更丰富的交互功能。

JavaScript 是目前互联网上最为流行的脚本语言之一。

下文将重点介绍 JavaScript 的组成结构、引入方法、输出方式以及基础运算符，具体详解如下。

JavaScript 的组成结构

JavaScript 主要由以下三部分组成：

ECMAScript

浏览器对象模型（BOM）

文档对象模型（DOM）

// ECMAScript、BOM、DOM

DOM（文档对象模型）用于访问和操作 HTML 文档。

BOM（浏览器对象模型）

JavaScript 是运行在浏览器中的语言。

JavaScript 的引入方式与编码规范

JavaScript 的引入方式：

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

2 引入外部文件

3 在标签内部利用属性编写 JavaScript 代码

编码格式应使用 UTF-8。

alert("")
document.write("")

变量、字符串与运算符基础

双引号用于包裹需要显示的字符串内容，数字可以直接使用而不加双引号，此时代表数值类型。

单引号和双引号可以交替使用，但必须成对出现。

<a href="javascript:alert('中国');">单机</a>

如果字符串内部包含双引号，会导致与外部的双引号冲突，例如在显示“中国”时需注意引号嵌套问题。

// 单行注释 /**/ 多行注释

变量的作用是让计算机记录（存储）一个数据，即用于存储值。

变量名的开头不能是数字。

= 等号代表赋值操作。

如果要存储字符或字符串，必须加上双引号。

加上双引号后，该数据即为字符或字符串类型。

sum+=10 等同于 sum=sum+10。

++y 表示先加 1 再参与运算，y++ 表示先参与运算再加 1。

+ 号具有连接字符串和数值相加两种作用。

x=“110” d .w(x + 10) 输出 11010
x= 110 d.w(x+10) 输出 120

var x ="110";
x = parseInt(x);//x=110
document.write(x+10);

d.w(x) 输出120

var y=8;

document.write(y+""+10) 的结果为 810，这里空字符串提供了字符连接的机会。

运算符

关系运算符包括 >、<、>=、<=、!=、==、===。

这些运算符用于表示比较关系，产生 boolean 类型的结果，其意义在于向计算机询问“对还是错”。

逻辑运算符 && 表示“有 false 就 false”，|| 表示“有 true 就 true”。

&& 和 || 是短路运算符，如果第一个条件已经可以确定比较结果，后续条件将不再比较且不执行。