JavaScript
JavaScript
JavaScript它是一种脚本语言,可以用来更改页面内容,控制多媒体,制作图像、动画等等。
js代码位置、引入js脚本:
1、数据与变量类型
声明变量
① let
写法:let 变量名 = 值 ;
let 声明的变量是可以多次赋值的。
② const
写法:const 变量名 = 值
const 修饰的叫常量,只能赋值一次。 但是引用的值是可以被修改的
③ var
var 声明的变量可以被多次赋值。
var f = 100;
f = 200;
基本类型
1、underfined
① 函数或者表达式执行时没有返回结果。
② 当一个数组或者一个对象:
let b = [1,2,3]
b[10]
也会返回underfined
总结:当声明一个数组或者对象时,如果访问一个不存在的数据或者属性,会返回underfined。
③ 声明一个变量但没有赋值也会underfined
2、null
null和underfined有一点类似,都没有属性和方法,用它们都会报错。二者合称 Nullish。
二者区别:
① underfined由js产生。
② null由程序员提供。
3、string
js的三种字符串写法:
例如:
用Java表示比较繁琐:
用js:
模板字符串(Template strings)
需求:拼接URI的请求参数,如
传统方法拼接:
模板字符串方式:
4、number
代表小数(双精度的浮点数)
Infinty 代表无穷大
类型转换 parseInt()
注意:得到的结果还是按照小数来处理的。
但是如果转换的值不是数字时:
还有一种方法字符串到数字类型的转换:
5、bigint
要表示真正的整数,需要用 bigint,数字的结尾用 n 表示它是一个 bigint 类型。
当÷ 0 时,会报错
6、boolean
在 js 中,并不是 boolean 才能用于条件判断,你可以在 if 语句中使用【数字】、【字符串】... 作为判断条件
这时就有一个规则,当需要条件判断时,这个值被当作 true 还是 false,当作 true 的值归类为 truthy,当作 false 的值归类为 falsy。
下面的值都是falsy
① false
② Nullish(null,underfined)
③ 0,0n,NaN
④ " " ,' ' ,` `
剩余的值绝大部分都是 truthy
有几个容易被当作 falsy 实际是 truthy 的
-
"false","0" 即字符串的 false 和 字符串的零
-
[]
空数组 -
{}
空对象
7、symbol
很少使用
对象类型
1、Function(函数)
定义函数:
Function 函数名(参数){
函数体
return 结果;
}
例如:
调用函数:
函数名(实参)
例如:
注意:js中函数的参数个数和类型都没有限制。
默认参数
Java中的默认参数场景:
js:
匿名函数
语法:
第一种场景:定义完毕后立刻调用
第二种场景:作为其它对象的方法,例如:
页面有元素:
此元素有一个 onclick 方法,会在鼠标单击这个元素后被执行,onclick 方法刚开始是 null,需要赋值后才能使用
箭头函数
语法:
例如:
-
-
如果只有一个参数,() 可以省略
-
如果函数体内只有一行代码,{} 可以省略
-
函数是对象