前面两篇笔记我分别介绍了HTML和CSS的基础知识,本篇笔记主要是讲诉我学习JavaScript的收获。
什么是JavaScript
JavaScript 是一种脚本,一门编程语言,它可以在网页上实现复杂的功能,网页展现给你的不再是简单的静态信息,而是实时的内容更新,交互式的地图,2D/3D 动画,滚动播放的视频等等。
怎么使用JavaScript
HTML 中的 Javascript 脚本代码必须位于<script> 与 </script> 标签之间。
Javascript 脚本代码可被放置在 HTML 页面的 <body> 和 <head> 部分中。
我的第一个 JavaScript代码
<script>
alert("我的第一个 JavaScript代码");
</script>
JavaScript 输出数据
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
JavaScript 语法
JavaScript 字面量
- 数字(Number)
- 字符串(String) 可以使用单引号或双引号
- 表达式字面量 用于计算:例5 + 1
JavaScript 变量
变量用于存储数据值。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值.
使用 const 关键字来定义一个常量,使用 let 关键字定义的限定范围内作用域的变量。
JavaScript 操作符
赋值,算术和位运算符:= + - * / 条件,比较及逻辑运算符:== != < >
JavaScript 关键字
abstract else instanceof super boolean enum int switch break等等
JavaScript 注释
单行注释以 // 开头,多行注释以 /* 开始,以 */ 结尾。
JavaScript 数据类型
值类型(基本类型) :字符串(String)、数字(Number)、布尔(Boolean)、空(Null)、未定义(Undefined)、Symbol。
引用数据类型(对象类型) :对象(Object)、数组(Array)、函数(Function),还有两个特殊的对象:正则(RegExp)和日期(Date)。
JavaScript 对象
可以使用字符来定义和创建 JavaScript 对象:
var student = {
Name:"John",
age:18,
};
访问对象属性
1、student.Name;
2、student["Name"];
对象方法
对象的方法定义了一个函数,并作为对象的属性存储。
对象方法通过添加 () 调用 (作为一个函数)。
JavaScript 函数
语法
function functionname()
{
// 执行代码
}
注意:JavaScript 对大小写敏感。关键词 function 必须是小写的,并且必须以与函数名称相同的大小写来调用函数。
JavaScript 作用域
在 JavaScript 中, 对象和函数同样也是变量。
在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。
JavaScript 函数作用域: 作用域在函数内修改。
局部作用域
变量在函数内声明,变量为局部变量,具有局部作用域。
局部变量:只能在函数内部访问。
全局变量
变量在函数外定义,即为全局变量
JavaScript 变量生命周期
JavaScript 变量生命周期在它声明时初始化。
局部变量在函数执行完毕后销毁。
全局变量在页面关闭后销毁。