JavaScript基础
一. JavaScript入门
1. JavaScript入门
- JavaScript代码需要写在script标签里面
- 在页面弹出警告框 alert(“你好”)
- 控制台打印输出 console.log(“猜猜我在哪儿?”)
- 页面打印输出 document.write(“页面打印输出”)
2. JavaScript编写位置
-
- 可以将JavaScript代码编写在script标签里面
<script>
alert("你好")
</script>
-
- 可以将JavaScript代码编写代外部的js文件中, 然后通过script标签进行引用
<script src="./script/script.js"></script>
-
- 可以将JavaScript代码编写到指定属性中
// JavaScript冒号后面写分号表示该超链接结束
<a href="javascript:alert(123);">超链接</a>
// 这样写代码表示该超链接什么都不会发生
<a href="javascript:;">超链接</a>
3. 基本语法
- 多行注释
- 注释的内容会被解释器忽略
- 可以通过注释来对代码进行解释说明
- 也可以通过注释注释掉不想执行的代码
/*多行注释*/
- 单行注释
- alert(123) // alert() 用来弹出警示框
// 单行注释
- JavaScript严格区分大小写
Alert("不会有任何提示框")
- 在JS中多个空格和换行会被忽略可以利用这个特点来对代码进行格式化
alert( 123 )
- JS中每条语句应该用分号结尾JS中具有自动添加分号的机制, 所以如果不写分号解释器会自动添加
alert('哈哈');
alert(111)
4. 字面量和变量
-
字面量
- 字面量其实就是一个值, 它所代表的含义就是它字面的意思
- 比如: 1 2 3 4 100 “Hello” true null …
- 在JS中所有的字面量都可以直接使用, 但是直接使用字面量并不方便
-
变量
- 变量可以用来"存储"字面量
- 并且变量中的存储的字面量可以随意的修改
- 通过变量可以对字面量进行描述, 并且变量比较方便修改
-
变量的使用
- 声明变量 – let 变量名
- 变量赋值 – 变量名 = xx
- 声明和赋值同时进行 – let 变量名 = 值
let x
x = 80
x = '哈哈'
let age
age = 80
age = 81
// console.log(x)
// console.log(age)
/*
多行注释: shift + alt + a
变量的使用
声明变量 -- let 变量名
变量赋值 -- 变量名 = xx
声明和赋值同时进行 -- let 变量名 = 值
*/
let a
let b, c, d
var e
var f, g, h
a = 10
a = 'hello'
a = true
// console.log(a)
let i = 100
console.log(i)
5. 变量的内存结构
- 变量中并不存储任何值, 而是存储值的内存地址!
6. 常量
- 在js中使用const声明常量, 常量只能赋值一次, 重复赋值会报错
- 在js中除了常规的常量外, 有一些对象类型的数据我们也会声明为常量
const PI = 3.1415926
// PI = 10 // 报错
console.log(PI)
7. 标识符
-
在js中, 所有可以由自主命名的内容, 都可以认为是一个标识符
- 像 变量名 函数名 类型 …
-
使用标识符时需要遵循如下的命名规范
- 标识符只能含义字母, 数字, 下划线, $, 并且不能以数字开头
- 标识符不能是JS中的关键字和保留字, 也不建议使用内置的函数作为变量名
- 命名规范
- 通常会使用驼峰命名法
- 首字母小写, 每个单词开头大写
- maxlength – maxLength
- borderleftwidth – borderLeftWidth
- 通常会使用驼峰命名法
-
类名会使用大驼峰
- 首字母大写, 每个单词开头大写
- maxlength – MaxLength
-
常量的字母会全部大写
- MAX_LENGTH
let a = 10
let abc13_$ = 22
let _abc = 222
let $bcd = 44
// let @@@ = 444 // 报错
// let 123_ = 555 // 报错
// let let = 10 // 报错
// let var = 10 // 报错
// let alert = 55
// console.log(alert)
// alert 不能用了 需要上面注释掉才可以用
// alert(33)
二. 数据类型
1. 数值
-
JavaScript中一共有七种原始值:
- 数值(Number)
- 大整数(Bigint)
- 字符串(String)
- 布尔值(Boolean)
- 空值(Null)
- 未定义(Undefined)
- 符号(Symbol)
-
七种原始值是构成各种数据的基石,
- 原始值在JS中是不可变类型, 一旦创建就不能修改,
-
数值 (Number)
- 在JS中所有的整数和浮点数(小数)都是Number类型
- JS中的数字并不是无限大, 当数值超过一定范围它会显示近似值
- Infinity 是一个特殊数值来表示无穷
- 所以在JS中进行一些精度比较高的运算时要十分注意
- NaN 也是一个特殊的数字, 表示非法数值
let age = 10
age = 10.5
age = 3.14
age = 99999 ** 99999
age = Infinity
age = 1.111111111111111111111111111111111111111111111111111111
age = 0.00000000000000000000000000000000000001
age = 0.3 - 0.1
age = 1 - 'a' // NaN (Not a Number)
console.log(age)
- 大整数 (BigInt)
- 大整数用来表示一些比较大的整数
- 大整