语法格式
(1) 结尾
- JavaScript 的语句需要使用 
;结尾 
(2) 注释
- 单行注释 //
 - 多行注释 /* */
 
(3) 标识符
 JavaScript 标识符包括 变量名,函数名,参数名和属性名
合法的表示符应注意以下强制规则:
- 第一个字符必须是 字母、下划线 或 美元符号 $
 - 不能与 JavaScript 关键字、保留字重名
 - 严格区分大小写
 
显示数据
JavaScript 能够以以下方式 显示数据
- 使用 
alert()弹出警告框 - 使用 
document.write()写入 HTML 输出 - 使用 
innerHtml写入 HTML 元素 - 使用 
console.log()写入浏览器控制台 
变量
js 是一门弱类型的语言,在 js 中的数据类型由值的类型决定,声明变量使用 var 语句
在一个 var语句中,可以声明一个或多个变量,也可以变量赋值,未赋值的变量初始化未 undefined(未定义的)
var a;
var a,b,c;
var a = 1;
var a = 1, b = "123";
  变量提升
console.log(a); // undefined
a = 1;
console.log(a); // 1
var a;
  在上面示例中,声明变量放在最后,赋值操作放在前面。由于 JavaScript 在预编译期已经对变量声明语句进行了预解析,所以第一行的代码读取变量值时不会抛出异常,而是返回未初始化的值 undefined,第三行带啊吗是在赋值操作之后读取,故显示为数字 1
数据类型
JavaScript 定义了 6 种基本数据类型,如下所示:
| 数据类型 | 描述 | 
|---|---|
| null | 空值 | 
| undefined | 未定义的值,表示未赋值的初始化值 | 
| number | 数字 | 
| string | 字符串 | 
| boolean | 布尔值 | 
| object | 对象,复杂结构的数据集 | 
使用 typeof() 函数可以检测数据的基本类型
数据类型转换
| 函数 | 描述 | 
|---|---|
| String() | 转字符串 | 
| Number() | 转数字 | 
| parseInt() | 转 Int类型 | 
| parseFloat() | 转 Float类型 | 
| Boolean() | 转布尔值 | 
运算符
算数运算符
+: 加法运算-: 减法运算*: 乘法运算/: 除法运算%: 求余运算++:- a++ : 赋值后对自身加1
 - ++a : 对自身加1后赋值
 
--: 同上
比较运算符
<: 小于>: 大于<=: 小于等于>=: 大于等于==: 等于===: 绝对等于 (值和类型均相等)!=: 不等于!==: 不绝对等于
逻辑运算符
&&: and||: or!: not
三目运算符
<条件表达式> ? x : y
如果条件表达式成立,则执行 x ,否则,执行 y
void运算符
对给定的表达式进行求值,然后返回 undefined
var a = 1;
void(a++); // undefined
console.log(a); // 2
  void应用场景
(1) JavaScript URLs
当用户点击一个以 javascript:URL 时,他会执行 URL 中的代码,然后用返回的值替换页面内容,除非返回的值是 undefined
 void运算符可用于返回 undefined ,例如:
<a href="javascript:void(document.body.style.backgroundColor='green');">
  点击这个链接会让页面背景变成绿色。
</a>
  (2) 填充 a 标签
有一些 a 标签,我们并不希望点击它们会跳转到另一个界面,而是引发一些交互操作
理论上而言,这类 a 标签都是没有 URL 的,但如果不写的化,点击它会刷新整个界面
因此,我们可以使用 href="javascript:void(0)" 的方式,确保点击它会执行一个纯粹无聊的 void(0)

京公网安备 11010502036488号