43.JavaScript基础【一】

【一】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