1.名称解释与变量
script 标签表示脚本,可以在 script 标签中编写 js 代码也可以通过 script 标签中的 src 属性引入脚本文件
注意:script 可以写在 html 文件的任何位置,但是一般写在 body 标签内部的最后部分
1.1 书写格式
1.1.1 语句
描述:以分号结尾的表达式
注意:一般情况下一行就是一个语句(多个语句可以写在一行,但不建议这么写)
1.1.2 变量
描述:其表示的值可以发生改变的量。
语法:
var a = 1; // 采用 var 声明变量
2.变量命名规则
- 变量名可以使用字母、数字、下划线、$符号 定义,其中数字不能开头
- JavaScript 中的关键字和保留字不能应用于变量名。
- 命名方式推荐采用驼峰命名法,例如:userName
- 建议:给变量起有意义的名字。
3.变量类型
var a; // undefined
var b = 10; // number
var c = "Hello"; // string
var d = new Array(); // object
var e = false; // boolean
var f = new Object(); // object
在 JavaScript 中一共有6种数据类型,分别是:undefined
、number``、string
、object
、boolean
、Array
,其中除了 Array
剩下的5种为基本数据类型
注意:JavaScript 是一个弱类型的语言,变量是什么类型由值决定,无需在定义变量之前指定数据类型。
在 JS 中如果想知道变量属于什么类型,可以使用 typeof 运算符进行查看。
4.字符串类型和布尔类型变量
var str = "";
console.log(typeof str); // string
var flag = false;
console.log(typeof flag); // boolean
字符串类型是用于存储字符的类型,可以使用 ‘’ 或者 “” 进行定义。
布尔类型一共只有两个值,分别是 true
和 false
。
5.未定义类型和空类型
var username;
console.log(typeof username);
var password = null;
console.log(typeof password);
undefined
类型并不是表示数据类型未知或者错误,如果变量的值为 undefined
,并不代表变量没有类型。
null
类型表示数据类型存在,但是并没有给变量赋值,一般 null 类型可用于对象类型的初始化,
如果对象的值为 null
,并不代表变量没有类型。
总结:undefined
和 null
类型在页面中表现得形式是相同得,但是 undefined
用于变量类型,而 null
用于对象类型,两者不能混用!!
6.JS 的用法以及输出函数
- JS 脚本必须位于
script
标签中 - 脚本可以被放置在 HTML 页面的任何地方,但是更推荐放在
<head>
或者<body>
中
注意:如果从外部引入 js 文件可以使用 script 标签中的 src
属性进行引入
alert("Hello World!"); // 使用警告框弹出信息
console.log("Hello World!"); // 在控制台打印信息
document.write("Hello World!"); // 在 web 页面打印信息
注意:代码是从上向下执行,如果第一行代码是 alert(),那么必须手动点击确定才可以继续执行程序。