JavaScript基础-变量、数据类型

╰+哭是因爲堅強的太久メ 2022-09-08 00:08 200阅读 0赞

# JS基础 #

### 文章目录 ###

*  JS基础
 *   *   *  JS语言输出信息
         *  JS的位置
         *  JS的注释
         *  js语法规定
         *  变量
         *  JS标识符
         *  JS中的6种数据类型
         *  JS字符串
         *  JS数值类型
         *  布尔类型
         *  Null类型
         *  Undefined类型
         *  String类型转换
         *  number类型转换
         *  转换为布尔类型
         *  非十进制表示

*  JS代码需要编写在script标签中

### JS语言输出信息 ###

//1. 浏览器弹出一个警告框
    alert('页面中的警告信息');
    //2. 页面输出内容
    document.write('页面body中的输出信息');
    //3. 控制台输出信息
    console.log('控制台输出信息');

代码的默认执行顺序，由上往下，只有前面的执行完毕后，后面的才执行。

### JS的位置 ###

<button onclick="alert('按钮被点击')">按钮</button>
    <a href="javascript:alert('链接被点击');">链接</a>
    
    
    <script>
    	alert('scrip标签');
    </script>

`<a href="javascript:alert('链接被点击');">链接</a>`链接没有响应，可以去掉链接的默认行为。

### JS的注释 ###

//注释用来解释说明代码意图
    //1. 我是单行注释
    /* 
    	2.
    	我是
    	多行
    	注释
    */
    //注释中的内容不会被执行，但是可以在源码中被查看
    //也可以借助注释对代码进行简单的调试

### js语法规定 ###

//JS中严格区分大小写,下面代码中可以弹出alert01，和alert02，但是不能弹出ALERT03
    alert("alert01");
    alert("alert02");
    ALERT("ALERT03");
    //js代码在书写时尽可能的在语句末尾书写分号
    //js会忽略多个空格和换行。

### 变量 ###

//字面量：不可改变给定的值，可以直接使用；例如：admin
    //变量,可以保存字面量的值，而且保存的值可以任意改变
    //声明变量（本质是在内存中开辟一个空间）
    var a;
    //赋值
    a=20;
    a='admin';
    //使用
    console.log(a);
    //声明+赋值
    var b=10;

### JS标识符 ###

JS中所有可以被我们自主命名的都可以成为标识符，比如：变量名，函数名，属性名，对象名

命名规则：

1.  可以含有数字、字母、下划线以及$
2.  不能以数字开头
3.  不能使用保留字和关键字

命名规范：

习惯使用驼峰命名法，首字母小写，其余单词首字母大写。

### JS中的6种数据类型 ###

1.  String：字符串
2.  Number：数字类型
3.  boolean：布尔类型
4.  Null：空值类型
5.  Undefined：未定义
6.  Object：对象类型

### JS字符串 ###

在JS中使用单引号或双引号表示的数据类型为字符串

同类引号不能嵌套，不同类型可以嵌套

//单引号
    var str = '这是字符串';
    //双引号
    var str2 = "这也是字符串";
    //字符串的嵌套
    var str3 = "这是'特殊'的字符串"

使用\\可以进行转义，比如\\“表示输出”，\\n表示换行，\\t表示制表符tab键，\\\\表示\\。

### JS数值类型 ###

在JS中，所有的数值类型都是number型，包括小数，整数。

### 布尔类型 ###

表示只有真和假两种状态的数据类型。

boolean类型的值，只有两种：true和false。

利用typeof检查一个布尔值时，返回boolean

var flag = true;
    console.log(flag,typeof flag);
    //返回的值为false boolean

### Null类型 ###

null表示一种数据类型，它的值只有一个就是null

程序中特有的类型，null表示为空的一个对象.

可以理解为一个变量原来指向一个对象，现在指向一个特殊的值，这个值为null

当一个变量类型为null时，计算机就能加快回收变量所使用的内存资源

使用typeof检查null数据类型时，返回一个object

### Undefined类型 ###

当声明一个变量，没有赋值时，则变量的数据类型为undefined类型

undefined表示未定义，该类型的值只有一个就是undefined

可以理解为只有名字，没有分配内存资源

使用typeof返检查一个undefined类型数据，返回undefined

### String类型转换 ###

将其他类型转换为string类型

1.  调用被转换数据类型的toString()方法， 该方法不会影响原始的数据类型，返回string类型的转换结果。如果想改变原始的数据类型，则需要重新赋值。

var num = 123;
    console.log(num,typeof num);
    //输出结果为123 number
    
    //将数值转换为string类型
    var res = num.toString();
    console.log(num,typeof num);
    console.log(res,typeof res);
    //输出结果前者为123 number 后者为123 string
    
    //转换后赋值
    num = num.toString();
    console.log(num,typeof num);
    //输出结果为123 string

null类型和undefined类型没有toString()方法。

1.  调用String()函数，并将被转换的数据作为参数，传递给函数，String()函数将其他类型转换为string类型，String()函数不影响原始的数据类型，将null类型转化为’null’，将undefined转化为’undefined’。

### number类型转换 ###

将其他类型转化为number，使用Number()函数

转换情况：

1.  数字字符串，直接转换为数值类型
2.  非数字字符串，转换为NaN（Not a Number）
3.  boolean类型转换为数值类型，true转换为1，false转换为0
4.  null类型转换为0， undefiend类型转换为NaN

*  如果字符串存在非数值字符串则不能转换，结果为NaN
 *  如果是空字符串则可以转换，转为为0，存在空格也会转换为0
 *  如果字符串中含有字母则不能转换为number类型
 *  使用parseInt():将字符串转换为整数，能够将字符串中的有效数字提取出来，遇到非整数停止提取
 *  使用parseFloat():将字符串转换为小数

### 转换为布尔类型 ###

将其他类型转换为布尔类型，只有0，NaN，""（不带空格），null，undefined转换为false，其余都是true。

### 非十进制表示 ###

表示十六进制的数字，则需要0x开头

表示八进制的数字，则需要0开头

表示二进制的数字，则需要0b开头，但不是所有的浏览器都支持