变量(Variables)
Variables是你存储数据的容器。声明一个变量需要使用关键字var,然后输入变量的名称。
1 var myvar;
定义一个变量后,可以赋予变量一个值:
1 myvar = "mxp";
可以将上述操作写在一行:
1 var myvar = "mxp";
变量有不同的 数据类型:
变量 | 解释 | 示例 |
String | 字符串,一段文本。字符串在双引号内。 | var myvar = "mxp" |
Number | 数字,一个数字。不用引号包围。 | var myvar = 10; |
Boolean | 布尔型,一个 True/False (真 / 假)值。 true /false 是 JS 里的特殊关键字,不需要引号。 | var myvar = true; |
Array | 数组,一种允许你存储多个值在一个引用里的结构。 | var myvar = [1,'mxp','cd',10] |
Object | 对象,基本上 JavaScript 里的任何东西都是对象,而且都可以被储存在变量里。将这个记在脑子里。 | var myvar = document.querySelector('h1'); |
注释
你可以在JavaScript中用/*语句*/来添加注释
1 /* 2 This is a comment 3 */
如果你的注释只用一行,我们经常将它们更简单放在两个斜杠之后,像这样:
1 // This is a comment
运算符
Operator运算符是一个根据两个值(或变量)做出结果的代数符号。下表是一些简单的运算符。
运算符 | 解释 | 符号 | 示例 |
加/连接 | 用来相加两个数字,或者连接两个字符串 | + | |
减、乘、除 | 这些运算符操作将与你期望它们在基础数学中所做的一样 | -,*,/ | |
赋值运算符 | 它将一个值赋给一个变量 | = | |
相等 | 它将测试两个值是否相等,而且会返回一个 true /false (布尔型)值 | === | |
非、不等 | 经常与相等运算一起使用,非运算符在JS中表示逻辑非——它也返回一个布尔值 | !,!== |
还用很多运算符更我们使用,点击表达式和运算符查看完整列表。
提示:计算时如果混合几种数据类型可能导致奇怪的结果,所以请谨慎地正确地引用你的变量,然后得出你期望的结果。比如输入 "35" + "25"
到控制台。为什么结果与你想象的不同?因为引号将数字转换成了字符串,所以最终会连接两个字符串而不是相加数字。如果你输入 35 + 25
,你会得到正确的结果。
语句
语句是能够让你测试一个表达式是否返回 true 然后根据结果运行不同的代码的结构。最常用的语句形式是 if ... else
.
函数
Functions 是一种封装你想重复使用的功能的方法,这样你就可以在任何时候想使用其中的功能就通过函数名称来调用而不用老是重复写下整段代码。
提示:return
语句告诉浏览器返回 result
变量以便使用。这是很有必要的,因为函数内定义的变量只能在函数内使用。这叫做作用域 scoping (详见 变量作用域)。
事件
在网页上创建真正的交互,你需要使用事件 — 事件是能够捕捉浏览器操作并且允许你运行代码进行响应的代码结构. 最明显的事件是 点击事件,在鼠标点击什么的时候被浏览器唤醒。