JavaScript 基础语法与 jQuery 使用指南

一、简述 JS

JavaScript（简称 JS），是一个脚本语言，解释型或即时编译型的编程语言。虽然它是作为开发 Web 页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。

1.1 引入方式

引入方式	语法描述	示例
行内样式	直接嵌入到 html 元素内部	<input type="button" value="点我一下" onclick="alert('haha')">
内部样式	定义 <script> 标签，写到 script 标签中	<script> alert("haha"); </script>
外部样式	定义 <script> 标签，通过 src 属性引入外部 js 文件	<script src="hello.js"> </script>

区别：

1. 内部样式会出现大量的代码冗余，不方便后期的维护，所以不常用。
2. 行内样式，只适合于写简单样式。只针对某个标签生效。缺点是不能写太复杂的 JS。
3. 外部样式，html 和 js 实现了完全的分离，企业开发常用方式。

二、基础语法

2.1 变量

创建变量 (变量定义/变量声明/变量初始化), JS 声明变量有 3 种方式。

关键字	解释	示例
var	ES5 中声明变量的关键字，作用域在该语句的函数内	var name = 'zhangsan';
let	ES6 中新增的声明变量的关键字，作用域为该语句所在的代码块内	let name = 'zhangsan';
const	声明常量的，声明后不能修改	const name = 'zhangsan';

JavaScript 是一门动态弱类型语言，变量可以存放不同类型的值 (动态)。

命名规则：

1. 组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
2. 数字不能开头
3. 建议使用驼峰命名

2.2 数据类型

数据类型	描述
number	数字。不区分整数和小数。
string	字符串类型。字符串字面值需要使用引号引起来，单引号双引号均可。
boolean	布尔类型。true 真，false 假
undefined	表示变量未初始化。只有唯一的值 undefined。

2.3 运算符

运算符类型	运算符
算术运算符