js 数据类型-CSDN博客

本文链接：https://blog.csdn.net/m0_47045804/article/details/136844226

01 js概述

前端的三大技术:

1.html结构标准

2.css表现标准

html和css由(万维网联盟)推出的标准

3.JavaScript行为标准

负责网页的动态效果表单的验证

ECMA 欧洲计算机制造商协会推出的标准

JavaScript 简称js 特点:简单易用上手容易精通难

js运行需要js解释器

运行在浏览器中的因为绝大部分浏览器都内置js解析器

js是受事件驱动执行的

js的三大核心:

ECMAScript: js基础语法

DOM

BOM

02 js代码的基本使用

注释:

//单行注释

/*多行注释*/

弹窗:

1.信息确认弹窗 alert()

2.选择弹窗 confirm()

3.输入弹窗 prompt()

日志输出:

普通日志: console.log()

警告日志:console.warn()

错误日志:console.error()

03 js变量的基本使用

概念:值可以发生改变的量就是变量.

变量就是一个容器用来存储程序运行过程中产生的临时的数据

变量的创建:

变量声明和变量赋值

变量声明 var 变量名;

变量赋值变量名 = 值;

变量的初始化: 声明变量的同时赋值

变量的命名规则:

变量名不能使用数字开头或者纯数字作为变量名

不建议使用中文作为变量名

不能使用关键字或者保留字

04 变量的类型

变量的类型分类:

1. 基本数据类型(简单数据类型/值类型)

number(数值型) ：包括整数小数正负数

string(字符串型)：是由单引号或者双引号包起来的

boolean(布尔类型)：只有两个值 true（真）false（假）

undefined（未定义）：值为undefined

当一个变量声明后没有赋值的情况下这个变量的值就是undefined。

null 空值

2. 引用数据类型(复杂数据类型)

变量的语法扩展：

1.更新变量

2.声明多个变量：

var a=1，

b=2，

c=3；

3.声明变量的特殊情况

1.只声明不赋值返回值为undefined

2.不声明不赋值直接使用这个变量（会报错）

3.不声明直接赋值（变量可以正常使用，系统能自动声明）

05 数值类型

数字型的最大值：console.log(Number.MAX_VALUE);

数字型的最小值：console.log(Number.MIN_VALUE);

无穷大：console.log(Number.MAX_VALUE*2);

无穷小：console.log(-Number.MAX_VALUE*2);

非数字（NaN）

任何关于NaN的操作返回值都是NaN NaN 不与任何值相等包括它本身

isNaN（）判断是否为非数字

是非数字返回true，否则返回false

06 字符串类型

获取字符串的长度：变量名.length

字符串拼接符号 +

字符串和其他类型拼接最终得到的都是字符串

变量和字符串拼接的时候引引加加

console.log('希望大家永远'+age+'岁');

模板字符串的写法:

console.log(`希望大家永远${age}岁`);

07 布尔类型

true参加加法运算的时候看做是1

false参加加法运算的时候看做是0

NaN undefined和数字相加最终结果是NaN

null 空值参与加法运算看做是0

08 使用typeof查看变量的类型

<script>
    var a;
    console.log(typeof a);//undefined
    var num=10;
    console.log(typeof num);//number
    var num1=3.1415926;
    console.log(typeof num1);//number 
    var b=NaN;
    console.log(typeof b);//number
    var str='今天学习真开心';
    console.log(typeof str);//string
    var boo=true;
    console.log(typeof boo);//boolean
    var  c=null;
    console.log(typeof c); //object
</script>