JavaScript基础—数据基本类型
2021-08-18 本文已影响0人
OmewSPG
一、JavaScript输入输出语句:
alert:弹出输入框
console:控制台输出
prompt:弹出输入框
eg:
var inputMessage = prompt('Enter a prompt message:');
二、JavaScript变量
1.什么是变量:
变量是用于存放数据的容器,本质是程序在内存中申请一个存放数据的空间
【图】
2.变量的使用:
先声明后赋值
var age; // 变量声明
age = 18; // 变量赋值
或者直接
var age = 18; // 变量初始化
3.变量语法扩展:
3.1 变量可实时更新
var num = 1;
num = 2; // 此赋值语句将覆盖之前的变量值
console.log(num); // 2
3.2 可以同时声明多个变量
var age = 18,
name = 'Mary',
year = 2000;
3.3 只声明不赋值,返回的结果为undefined
var uname;
console.log(uname); // undefined
3.4 JavaScript的执行顺序
JS的执行顺序为从上到下,执行一句解释一句,如果途中运行报错,则程序会被终止
4.变量命名规范
- 变量名都是由数字、字母、下划线与美元符号 $ 组成
- JS中的变量名对大小写敏感
- JS中的变量名不能以数字开头
- 关键字无法作为变量名,如:var,let,const,function等,更多保留关键字可以参考:https://www.runoob.com/js/js-reserved.html
- 在创建变量名时,除了需要让其具有一定意义,还请尽量遵守驼峰命名法,比如:getSum,getElementID...
- 浏览器一般会默认name具有一定意义,所以不建议使用其作为变量名
三、数据类型
1.数据类型简介
- 不同数据类型在计算机内占用的存储空间不同
- JavaScript语言特性
JavaScript是一种弱类型(动态型语言),比如:
var num; // 并不确定数据类型
num = 10; // 程序运行时,根据所赋的值来确定数字类型
JavaScript具有动态类型,即变量的数据类型可以变化:
var x = 10;
var x = 'Jack'; // 可以正常运行
- JavaScript的数据类型可以分为简单数据类型与复杂数据类型:
简单数据类型:Number(数字型),Boolean(布尔型),String(字符型),Undefined,Null
复杂数据类型:Object(对象)
2.Number型
- Number型包括整数与小数(浮点型)两种类型
- 八进制表示法:在开头加上“0”即可,比如;
var num1 = 010;
console.log(num1); // 8
- 十六进制表示法:在开头加上“0x”即可;
var num2 = 0x9;
console.log(num2); // 9
var num3 = 0xa;
console.log(num3); // 10
- 数字范围
JavaScript中内置了计算机可以表示的最大值与最小值的表达方式:
最大值:Number.MAX_VALUE
最小值:Number.MIN_VALUE - 数字中的特殊值
JavaScript中同样内置了一些其它用来表达特殊值的关键字:
无穷大:Infinity
无穷小:-Infinity
非数值:NaN - JavaScript中内置了一个方法 isNaN() ,此方法用来判断是否为数值:
console.log(isNaN(123)); // false
console.log(isNaN('Mike')); // true
3.String型
- 如果初始化一个变量,凡是加了引号的(单引号、双引号)都是String(字符)型
var str = '1938080773';
console.log(typeof str); // string
- String嵌套:单、双引号的嵌套
var str = 'This is a cat named "Kana". '
console.log(str); // This is a cat named "Kana".
只要保证内外引号一致即可
- 换行与转义字符(必须写到引号里面)
\n:换行
\b:空格
\t:tab缩进
console.log('This is para1\nThis is para2'); // 这两段文字会进行换行处理
- 字符串长度:length属性
var name1 = 'My name is Kana.';
console.log(name1.length); // 16 ;length属性可以返回当前字符串长度(包含空格) - 字符串拼接
字符串 + 任意数据类型 = 新的字符串
console.log('Hello' + 'World'); // HelloWorld
console.log('Hello' + '123'); // Hello123
console.log('Hello' + null); // Hellonull
console.log('Hello' + undefined); // Helloundefined
4.Boolean(布尔)型
Boolean数据类型只有两个值:true和false
Boolean值为true时,参与算数运算时会当做“1”进行处理;
Boolean值为false时,参与算数运算时会当做“0”进行处理;
console.log(true + 1); // 2
console.log(2 + false); // 2
console.log(1 - false); // 1
console.log(5 * true); // 5
console.log(false / 6); // 0
5.undefined与null
undefined表示未定义,声明变量但是没有赋值,就会返回这个值
null表示空值,空的对象会返回这个值,或者可以用它来临时填充对象
var str = undefined;
var obj = null;
console.log(str + 'Hello'); // undefinedHello
console.log(obj + 'World'); // undefinedWorld
// 它们之间唯一的区别在于与数值相加时返回的结果
console.log(str + 1); // NaN(非数值)
console.log(obj + 1); // 1 null在进行数学运算时当做“1”处理
四、获取变量数据类型
通常使用 typeof 来获取变量的数据类型
var num = 10;
console.log(typeof num); // number
var age = prompt('Input your age:'); // 输入18
console.log(age); // 18
console.log(typeof age); // string
// 这说明通过prompt取来的值都会当做字符串进行处理
五、字面量
字面量是源代码中一个固定值的表示法,通俗地来讲,字面量就是如何来表达这个变量的值,比如:
数字字面量:8,9,10....
字符串字面量:'string' , 'apple' , 'car'....
布尔字面量:true,false