美文网首页
JavaScript基础—数据基本类型

JavaScript基础—数据基本类型

作者: OmewSPG | 来源:发表于2021-08-18 19:55 被阅读0次

一、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.变量命名规范

  1. 变量名都是由数字、字母、下划线与美元符号 $ 组成
  2. JS中的变量名对大小写敏感
  3. JS中的变量名不能以数字开头
  4. 关键字无法作为变量名,如:var,let,const,function等,更多保留关键字可以参考:https://www.runoob.com/js/js-reserved.html
  5. 在创建变量名时,除了需要让其具有一定意义,还请尽量遵守驼峰命名法,比如:getSum,getElementID...
  6. 浏览器一般会默认name具有一定意义,所以不建议使用其作为变量名

三、数据类型

1.数据类型简介

  1. 不同数据类型在计算机内占用的存储空间不同
  2. JavaScript语言特性
    JavaScript是一种弱类型(动态型语言),比如:
var num;       // 并不确定数据类型
num = 10;     // 程序运行时,根据所赋的值来确定数字类型

JavaScript具有动态类型,即变量的数据类型可以变化:

var x = 10;
var x = 'Jack';     // 可以正常运行
  1. JavaScript的数据类型可以分为简单数据类型与复杂数据类型:
    简单数据类型:Number(数字型),Boolean(布尔型),String(字符型),Undefined,Null
    复杂数据类型:Object(对象)

2.Number型

  1. Number型包括整数与小数(浮点型)两种类型
  2. 八进制表示法:在开头加上“0”即可,比如;
var num1 = 010;     
console.log(num1);        // 8  
  1. 十六进制表示法:在开头加上“0x”即可;
var num2 = 0x9;
console.log(num2);       // 9
var num3 = 0xa;
console.log(num3);       // 10
  1. 数字范围
    JavaScript中内置了计算机可以表示的最大值与最小值的表达方式:
    最大值:Number.MAX_VALUE
    最小值:Number.MIN_VALUE
  2. 数字中的特殊值
    JavaScript中同样内置了一些其它用来表达特殊值的关键字:
    无穷大:Infinity
    无穷小:-Infinity
    非数值:NaN
  3. JavaScript中内置了一个方法 isNaN() ,此方法用来判断是否为数值:
console.log(isNaN(123));     // false
console.log(isNaN('Mike'));      // true

3.String型

  1. 如果初始化一个变量,凡是加了引号的(单引号、双引号)都是String(字符)型
var str = '1938080773';
console.log(typeof str);       //  string
  1. String嵌套:单、双引号的嵌套
var str = 'This is a cat named "Kana". '
console.log(str);      // This is a cat named "Kana". 

只要保证内外引号一致即可

  1. 换行与转义字符(必须写到引号里面)
    \n:换行
    \b:空格
    \t:tab缩进
console.log('This is para1\nThis is para2');      //  这两段文字会进行换行处理
  1. 字符串长度:length属性
    var name1 = 'My name is Kana.';
    console.log(name1.length); // 16 ;length属性可以返回当前字符串长度(包含空格)
  2. 字符串拼接
    字符串 + 任意数据类型 = 新的字符串
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

相关文章

网友评论

      本文标题:JavaScript基础—数据基本类型

      本文链接:https://www.haomeiwen.com/subject/ljfebltx.html