【一】JavaScript
1)介绍
- 也是一门编程语言,他可以写后端代码
- JS是由ECMAScript、DOM、BOM组成
- JS是运行在浏览器脚本的语言
2)注释语法
// 单行注释
/*
多行注释
多行注释
*/
3)js代码的书写位置
- head头里面的 script 标签中
- 写在 body 体最下面
- 直接常见一个 js 脚本文件 , 引入脚本文件
4)语法结构
- js是以分号座位语句的结束
- 但是如果不写分号,问题不大能正常运行,但是是相当于没有结束符
- 建议以 ; 作为结束符结束,如果不写结束符 也不会报错仍然能执行
- SQL的默认结束符也是 ; 不写就会报错
- 如果js代码报错了,页面正常显示不会影响页面
【二】JavaScript之数据类型
1)常量和变量
-
变量名全部用双引号
- var 变量名="变量值"
- let 变量名="变量值"
- const 变量名="变量值"
-
默认全大写就是常量,常量不允许修改 ,已修改就会报错
-
常用的js函数
- console.log() ---> print()
- alert() 弹框
- prompt 对话框 ---》 input 框
2)数据类型概览
-
简单数据类型:
- Number、String、undefined、Boolean、null
-
复杂数据类型:
- Object
3)字面量
- 字面量
- 字面量是用于表达固定值的方法,又叫常量
- 所见即所得
- 比如:数字、字符串、布尔值等
- 数字字面量
- 这里指数学意义上的数字
- 数字字面量区分:整数、浮点数、特殊值
- 书写时直接写字面量,不需要加任何符号
- 特殊值
- Infinity 无穷:无穷大Infinity ,无穷小 -Infinity
- NaN:不是一个正常的数,是数字类型,可以通过isNaN来判断
- 字符串
- 组成:字母,汉字,特殊符号,空白等
- 字符串的字面量写法:是用一对单引号或者一对双引号
- 如果字符串中含有单引号那么字面量写法就必须用双引号,反之也一样
- 转义符号:\n换行 ,\t缩进 ,' 单引号 ," 双引号,\反斜杠
4)数值类型(Number)
1.查看变量类型 typeOf(变量名)
在js 中 浮点数和整数都是 number 类型
var a= 1;
typeof(a)
// 'number'
var b = 1.11;
typeof(b)
// 'number'
2.将字符串类型的整数转为 number 类型
【1】将符合整数类型的 String 类型转换为 Number 类型
var b = 1.11;
// undefined
typeof(b)
// 'number'
var c= "1";
// undefined
typeof(c)
// 'string'
var d = parseInt(c);
// undefined
d
// 1
typeof(d)
// 'number'
【2】将符合浮点数类型的 String 类型转换为 Number 类型
var f = "1.123";
// undefined
var g = parseInt(f)
// undefined
var h = parseFloat(f)
// undefined
g
// 1
h
// 1.123
3.特殊值
- NaN : not a number
【1】NaN 虽然不是一个数字 但是 他的类型是 number
NaN
// NaN
typeof(NaN)
// 'number'
【2】NaN 不是一个数字 所以没办法 加减
NaN 加减后的结果是 NaN
var a = 1;
var b=2;
a
// 1
b
// 2
a + b
// 3
a + NaN
// NaN
5)布尔类型(Bollean)
1.引入
- 布尔值是全小写的
2.演示
var a = true
// undefined
typeof a
// 'boolean'
3.布尔值为空的情况
-
空字符串
-
Boolean(NaN)
-
Boolean(null)
-
Boolean(0)
-
Boolean(undefined)
6)字符类型(String)
1.定义变量
var 变量名="变量值";
// 可以先声明不赋值
var 变量名
// 可书写多行字符串
var 变量名=`第一行
第二行
第三行`
2.格式化输出
不存在会报错
var name="ST1";
// undefined
var eg="his name is ${name}"
// undefined
eg
// 'his name is ST1'
3.拼接字符串
a
// 'a'
b
// 'b'
eg = a+b
// 'ab'
4.常用方法
名称 | 方法 | |
---|---|---|
统计字符串长度 | 变量名.length | |
移除两边空白 | .trim() | |
移除左边空白 | .trimLeft() | |
移除右边空白 | .trimRight() | |
返回第n个字符 | .charAt(n) | "abcd".charAt(1) 'b' |
拼接 | .concat() | "abc".concat("ez"); 'abcez' |
返回指定字符的索引位置 | .indexOf() | "abcdefg".indexOf("c"); 2 |
根据索引获取内容 | .substring() | "abcdefg'".substring(3,5); 'de' |
切片 | .slice() | "abcdefg".slice(1,4) 'bcd' |
小写 | .toLowCase() | |
大写 | .toUpperCase() | |
分割 | .split() |
7)null和undefined
1.null
- 表示值为空,一般是指定或清楚变量值的时候使用
2.undefined
- 表示声明了一个变量,但是没有做初始化操作
- 函数没有指定返回值的时候也是返回的undefined