第九周周报

JavaScript 关键词

关键词 描述
break 终止 switch 或循环。
continue 跳出循环并在顶端开始。
debugger 停止执行 JavaScript,并调用调试函数(如果可用)。
do … while 执行语句块,并在条件为真时重复代码块。
for 标记需被执行的语句块,只要条件为真。
function 声明函数。
if … else 标记需被执行的语句块,根据某个条件。
return 退出函数。
switch 标记需被执行的语句块,根据不同的情况。
try … catch 对语句块实现错误处理。
var 声明变量。

JavaScript 语法

JavaScript 值

JavaScript 语句定义两种类型的值:混合值和变量值。

混合值被称为字面量(literal)。变量值被称为变量。

JavaScript 字面量

书写混合值最重要的规则是:

写数值有无小数点均可:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 数值</h2>

<p>写数值有无小数点均可。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 15.90;
</script>

</body>
</html>

字符串是文本,由双引号或单引号包围:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 字符串</h2>

<p>字符串可由双引号或单引号包围。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 'Bill Gates';
</script>

</body>
</html>

JavaScript 变量
在编程语言中,变量用于存储数据值。

JavaScript 使用 var 关键词来声明变量。

= 号用于为变量赋值。

在本例中,x 被定义为变量。然后,x 被赋的值是 7:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 变量</h2>

<p>在本例中,x 被定义为变量。然后 x 被赋值 7</p>

<p id="demo"></p>

<script>
var x;
x = 7;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

JavaScript 运算符
JavaScript 使用算数运算符(+ - * /)来计算值:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 运算符</h2>

<p>JavaScript 使用算数运算符来计算值(类似代数)。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = (7 + 8) * 10;
</script>

</body>
</html>

JavaScript 使用赋值运算符(=)向变量赋值:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 赋值</h2>

<p>在 JavaScript 中,= 运算符用于向变量赋值。</p>

<p id="demo"></p>

<script>
var x, y;
x = 7;
y = 8;
document.getElementById("demo").innerHTML = x + y;
</script>

</body>
</html>

JavaScript 表达式

表达式是值、变量和运算符的组合,计算结果是值。

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 表达式</h2>

<p>表达式计算为值。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 6 * 10;
</script>

</body>
</html>

表达式也可包含变量值:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 表达式</h2>

<p>表达式计算为值。</p>

<p id="demo"></p>

<script>
var x;
x = 6;
document.getElementById("demo").innerHTML = x * 10;
</script>

</body>
</html>

值可以是多种类型,比如数值和字符串。

例如,“Bill” + " " + “Gates”,计算为 “Bill Gates”:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 表达式</h2>

<p>表达式计算为值。</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Bill" + " "  + "Gates";
</script>

</body>
</html>

JavaScript 关键词

JavaScript 关键词用于标识被执行的动作。

var 关键词告知浏览器创建新的变量:

<!DOCTYPE html>
<html>
<body>

<h2>var 关键词创建变量</h2>

<p id="demo"></p>

<script>
var x, y;
x = 7 + 8;
y = x * 10;
document.getElementById("demo").innerHTML = y;
</script>

</body>
</html>

JavaScript 注释

并非所有 JavaScript 语句都被“执行”。

双斜杠 // 或 /* 与 */ 之间的代码被视为注释。

注释会被忽略,不会被执行:

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 注释<b>不会</b>被执行。</h2>

<p id="demo"></p>

<script>
var x;
x = 7;
// x = 8; 我不会被执行
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

你可能感兴趣的:(周报)