第六次学习周记

本次课主要学习了JavaScript基础
分为五个部分：①用法、②语法、③语句、④、对象、⑤函数
①JavaScript的用法
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。

如需在 HTML 页面中插入 JavaScript，需要使用 < script> 标签。
< script> 和 < /script> 会告诉 JavaScript 在何处开始和结束。
< script> 和 < /script> 之间的代码行包含了 JavaScript。

·举例

总的来说：浏览器会解释并执行位于 之间的 JavaScript 代码 。

a.< body> 中的 JavaScript
JavaScript 会在页面加载时向 HTML 的 写文本

运行结果

b.< head> 中的 JavaScript 函数
把一个 JavaScript 函数放置到 HTML 页面的 < head> 部分。
该函数会在点击按钮时被调用。

运行结果

点击之后的结果

②JavaScript的语法
JavaScript 是一个程序语言。语法规则定义了语言结构。
JavaScript 是一个脚本语言。
它是一个轻量级，但功能强大的编程语言。

a.JavaScript的字面量
在编程语言中，一般固定值称为字面量，如 3.14。
*数字（Number）字面量 可以是整数或者是小数，或者是科学计数(e)。

运行结果

*字符串（String）字面量 可以使用单引号或双引号。

运行结果

*表达式字面量 用于计算。

运行结果

b.JavaScript变量
在编程语言中，变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量， 使用等号来为变量赋值。

运行结果

总结：变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。

c.JavaScript 操作符
JavaScript使用 算术运算符 来计算值

运行结果

JavaScript语言有多种类型的运算符
赋值，算术和位运算符 ：= + - * /
在 JS 运算符中描述
条件，比较及逻辑运算符 ：== != < >
在 JS 比较运算符中描述

③JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。

运行结果

*JavaScript 语句标识符
JavaScript 语句通常以一个 语句标识符 为开始，并执行该语句。
举例：
break 用于跳出循环。
catch 语句块，在 try 语句块执行出错时执行 catch 语句块。
continue 跳过循环中的一个迭代。
do … while 执行一个语句块，在条件语句为 true 时继续执行该语句块。
for 在条件语句为 true 时，可以将代码块执行指定的次数。
for … in 用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。
function 定义一个函数
if … else 用于基于不同的条件来执行不同的动作。
return 退出函数
switch 用于基于不同的条件来执行不同的动作。
throw 抛出（生成）错误 。
try 实现错误处理，与 catch 一同使用。
var 声明一个变量。
while 当条件语句为 true 时，执行语句块。

④JavaScript对象
a.对象定义
JavaScript 对象是拥有属性和方法的数据。
可以使用字符来定义和创建 JavaScript 对象；
定义 JavaScript 对象可以跨越多行，空格跟换行不是必须的。

运行结果

b.对象方法
对象的方法定义了一个函数，并作为对象的属性存储。
通过添加 () 调用 (作为一个函数)。
JavaScript 对象是属性和方法的容器。

运行结果

⑤JavaScript 函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
a.JavaScript函数语法
函数就是包裹在花括号中的代码块，前面使用了关键词 function。

当调用该函数时，会执行函数内的代码。
可以在某事件发生时直接调用函数（比如当用户点击按钮时），并且可由 JavaScript 在任何位置进行调用。

注：JavaScript 对大小写敏感。关键词 function 必须是小写的，并且必须以与函数名称相同的大小写来调用函数。

b.调用带参数的函数
在调用函数时，可以向其传递值，这些值被称为参数。
这些参数可以在函数中使用。
可以发送任意多的参数，由逗号 (,) 分隔：
例
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值

运行结果

点击后的运行结果

c.带有返回值的函数
函数将值返回调用它的地方。通过使用 return 语句就可以实现。
在使用 return 语句时，函数会停止执行，并返回指定的值。

上面的函数会返回值 5。

注意： 整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。