JavaScript01-基础
1.JavaScript输出内容的三种方式
- 浏览器中弹出警告框。
// 在浏览器中弹出警告框。
alert('弹框');
- 浏览器控制台中输出日志.
// 在浏览器控制台中输出日志。
console.log('输出日志');
- 向当前网页输出内容。
// 向当前网页输出内容；document，表示当前网页的文档。
document.write('向浏览器输出内容')
2.JavaScript代码的五个书写位置
- JavaScript代码写在head中。
<head>
<!-- 1 JavaScript代码写在head中 -->
<script>
alert('alert')
</script>
</head>
- JavaScript代码写在body中。
<body>
<!-- 2 JavaScript代码写在body中 -->
<script>
alert('body')
</script>
</body>
- JavaScript代码写在外部文件中。
<head>
<!-- 3 JavaScript代码写在外部文件中 -->
<script src="app.js"></script>
</head>
- JavaScript代码写在属性中。
<body>
<!-- 4 JavaScript代码写在属性中 -->
<button onclick="alert('属性中')">button</button>
</body>
- JavaScript代码写在a标签的href中。
<body>
<!-- 5 JavaScript代码写在a标签的href中 -->
<a href="javascript:">a</a>
</body>
3.JavaScript单行注释和多行注释
// 1 单行注释
// 单行注释
// 2 多行注释
/*
多行注释
*/
4.JavaScript基本语法
- JavaScript严格区分大小写。
// JavaScript严格区分大小写
alert('a');
// Alert('a') 报错
- JavaScript会忽略空格和换行。
// JavaScript会忽略空格和换行
alert(
'a'
);
// 等同于 alert('a');
5.JavaScript字面量和变量
- 字面量。字面量就是一个值，比如'1'，123，可以在JavaScript中直接使用，但是不推荐。
// 字面量
alert(12)
- 变量。变量可以存储任意类型的字面量，一般使用变量存储字面量，而不是直接使用字面量。
// 变量
// 1 定义变量
let a;
// 给变量赋值
a = 10;
alert(a);
// 2 定义并给变量赋值
let b = 100;
alert(b);
// 3 定义一个常量并赋值，常量定义后就不能进行修改。
const c = 100;
alert(c)
6.JavaScript标识符
- 标识符可以用来定义变量、函数和类名。
- 标识符的规范。
- 标识符中含有字母、数组、_下划线和$，但是不能以数字开头。
- 表示符不能是JavaScript的中关键字和保留字。
- 标识符应该遵循驼峰命名。
// 标识符定义变量
let maxLength = 10;
alert(maxLength);
7.JavaScript的字符串
- JavaScript中字符串需要使用单引号或者双引号包裹。
// JavaScript中字符串需要使用单引号或者双引号包裹。
let a = "I'm a Student";
alert(a);
- JavaScript中的转移符。
// 1 JavaScript使用\作为转义符。
// \' -> '
// \" -> "
// \\ -> \
// \n -> 换行
// \t -> 制表符
// I'm a Student
let b = 'I\'m a Student';
alert(b);
// 2 浏览器中的换行使用 <br>
document.write("a<br>b");
// 3 控制台的换行使用 \n
console.log("a\nb");
- 字符串模板。
// 1 模板字符串可以换行。
let c = `a
b
d`;
alert(c);
// 2 模板字符串中可以嵌套变量。
let name = "tom";
let d = `name:${name}`;
alert(d);
8.JavaScript中的数值类型
- JavaScript中整数和浮点数都属于number类型。
- typeof关键字可以使用输出变量的类型。
let a = 3.5;
console.log(typeof a); // number
- JavaScript中小数计算是不精确的，所以前端不建议进行小数的计算。
let b = 0.1 + 0.2;
console.log(b); // 0.30000000000000004
- JavaScript中当数值超过一定的范围使用Infinity表示。
// JavaScript中当数值超过一定的范围使用Infinity表示。**表示次方的含义，9**2，9的二次方。
let c = 99999999999999999999 ** 99999999999999999999;
console.log(c); // Infinity
// Infinity也是number类型。
let d = Infinity;
console.log(typeof d); // number
- JavaScript中使用NaN来表示非数。
let e = 10 - "tom";
console.log(e); // NaN
- JavaScript中的二进制、八进制和十六进制。
let f = 0b111; // 二进制
let g = 0o10; // 八进制
let h = 0x10; // 十六进制
console.log(f); // 7
console.log(g); // 8
console.log(h); // 16
- 在ES2020中使用bitint类表示大整数，数字后加n，为大整数bigint。同时bigint不能和其他的数字进行运算。
// 1 定义bigint
let i = 99999999999999999999999999n;
console.log(i);
console.log(typeof i); // bigint
// 2 bigint不能和其他的数字进行运算。
// bigint和其他数值运算会出现错误：Cannot mix BigInt and other types, use explicit conversions
let k = 9n;
let l = k + 10;
console.log(l);
- boolean表示布尔值，布尔类型有两个值true和false。
let m = false;
m = true;
console.log(typeof m); // boolean
- null。null类型只有一个值，就是null。
let n = null;
console.log(typeof n); // object
- JavaScript中的undefined。
// 当定义了一个值，但是没有进行赋值就是undefined。undefined类型只有一个值，就是undefined。
let o;
console.log(o); // undefined
console.log(typeof o); // undefined
let p = undefined;
console.log(typeof p); // undefined
9.JavaScript中五种基本数据类型
- number，数值类型。
- string，字符串类型。
- boolean，布尔类型。
- null，空值。
- undefined，未定义。
- JavaScript中所有的基本类型都是不可变的，值一旦创建就不能进行修改。
- JavaScript中变量并不直接进行存储，而是存储值的内存地址。当访问值时，会通过地址找到对应的值。
浙公网安备 33010602011771号