JS基础 基础数据类型、变量的初始化

编程语言

组成：机器语言、汇编语言、高级语言

高级语言需要一个翻译器转换为计算机识别的机器语言

编程语言是主动的有很强的逻辑性

计算机组成：

一、硬件：输入设备、输出设备、CPU、内存、硬盘

二、软件：系统软件、应用软件

数据存储单位

大小关系：bit < byte < kb < GB < TB<.....

• 位(bit)： 1bit 可以保存一个 0 或者 1 （最小的存储单位）

• 字节(Byte)：1B = 8b

• 千字节(KB)：1KB = 1024B

• 兆字节(MB)：1MB = 1024KB

• 吉字节(GB): 1GB = 1024MB

• 太字节(TB): 1TB = 1024GB

程序运行过程

硬盘--------- 内存条----------------CPU

JavaScript 语言归为脚本语言，会逐行解释执行。

JS的组成

1、ECMAScript：JavaScript语法

2、DOM：文档对象模型

3、BOM：浏览器对象模型

JS三种引入方式

1、行内式 2、内嵌式 3、外联式

使用方法与CSS相似

JS输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下：

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

• 注意：alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

变量

变量是用于存放数据的容器。 我们通过 变量名 获取数据，甚至数据可以修改。

本质：变量是程序在内存中申请的一块用来存放数据的空间。

变量使用

变量的声明

//  声明变量  
var age; //  声明一个 名称为age 的变量   
age = 10;
//变量的初始化
var age = 10;
let myName = 'xyg';
const myAge = 23;

更新变量：

var age = 18;
    age = 91;
// 同时声明多个变量
var age = 18, name = 'xyg'， sex = '男';

声明变量特殊情况

情况	说明	结果
var age ; console.log (age);	只声明 不赋值	undefined
console.log(age)	不声明 不赋值 直接使用	报错
age = 10; console.log (age);	不声明 只赋值	10

变量命名规范

规则：

• 由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name

• 严格区分大小写。var app; 和 var App; 是两个变量

• 不能 以数字开头。 18age 是错误的

• 不能 是关键字、保留字。例如：var、for、while

• 变量名必须有意义。 MMD BBD nl → age

• 遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName

数据类型

简单数据类型 、复杂数据类型

简单数据类型：数字型、字符型、布尔型、undefined、Null

数字型 Number

JavaScript 数字类型既可以保存整数，也可以保存小数(浮点数）。

var age = 21;       // 整数
var Age = 21.3747;  // 小数     

数字型进制

0开头为8进制、0x开头为16进制

最大值：Number.MAX_VALUE

最小值：Number.MIN_VALUE

数字型三个特殊值

Infinity ，代表无穷大，大于任何数值

-Infinity ，代表无穷小，小于任何数值

NaN ，Not a number，代表一个非数值

isNaN

用来判断一个变量是否为非数字的类型，返回 true 或者 false

转换为数字型（重点）

• 注意 parseInt 和 parseFloat 单词的大小写，这2个是重点

• 隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

字符串型 String

 

字符串引号嵌套

JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号 (外双内单，外单内双)

1. 字符串转义符

   转义符	解释说明
   \n	换行符，n 是 newline 的意思
   \ \	斜杠 \
   '	' 单引号
   "	”双引号
   \t	tab 缩进
   \b	空格 ，b 是 blank 的意思

2. 字符串长度

   字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。

3、字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

口诀：数值相加，字符相连，引引加加

转换为字符串

• toString() 和 String() 使用方式不一样。

• 三种转换方式，更多第三种加号拼接字符串转换方式， 这一种方式也称之为隐式转换。

布尔型Boolean

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0。

转换为布尔型

       代表空、否定的值会被转换为 false ，如 ''、0、NaN、null、undefined

• 其余值都会被转换为 true

console.log(Boolean('')); // false
console.log(Boolean(0)); // false
console.log(Boolean(NaN)); // false
console.log(Boolean(null)); // false
console.log(Boolean(undefined)); // false
//其余的都为ture
console.log(Boolean('小白')); // true
console.log(Boolean(12)); // true

Undefined和 Null

一个声明后没有被赋值的变量会有一个默认值undefined ( 如果进行相连或者相加时，注意结果）

var variable;
console.log(variable);           // undefined
console.log('你好' + variable);  // 你好undefined
console.log(11 + variable);     // NaN
console.log(true + variable);   //  NaN

一个声明变量给 null 值，里面存的值为空（学习对象时，我们继续研究null)

var vari = null;
console.log('你好' + vari);  // 你好null
console.log(11 + vari);     // 11
console.log(true + vari);   //  1

获取变量数据类型

获取检测变量的数据类型

typeof 可用来获取检测变量的数据类型

var num = 18;
console.log(typeof num) // 结果 number