JS 变量 常量 数据类型 类型转换

1.JS初步介绍

1. 外部 内部 行内三种引入方式

2.输入和输出

 <script>
        // 控制台打印
        console.log('你好大傻瓜');
        // 可以写标签
        document.write('你好大傻瓜')
        // 弹窗
        alert('你好大傻瓜')
        // 输入语法
        prompt('输入')
    </script>

 3.字面量

字面量就是装容器的盒子

在计算机科学中，字面量（literal）是在计算机中描述 事/物

比如：

我们工资是： 1000 此时 1000 就是 数字字面量

  '黑马程序员' 字符串字面量

  还有接下来我们学的 [] 数组字面量    {} 对象字面量 等等

2.变量let

变量是计算机存储数据的容器

1.以下是使用 let 时的注意事项：

1. 允许声明和赋值同时进行

2. 不允许重复声明

3. 允许同时声明多个变量并赋值

4. JavaScript 中内置的一些关键字不能被当做变量名

2.关于变量的名称（标识符）有一系列的规则需要遵守：

1. 只能是字母、数字、下划线、$，且不能能数字开头

2. 字母区分大小写，如 Age 和 age 是不同的变量

3. JavaScript 内部已占用于单词（关键字或保留字）不允许使用

4. 尽量保证变量具有一定的语义，见字知义

 3.常量const

使用 const 声明的变量称为“常量”。

使用场景：当某个变量永远不会改变的时候，就可以使用 const 来声明，而不是let。

<script>
        // 常量用const赋值
        // 常量不允许更改值
        // 常量申明必须赋值
        const G = 9.8
        console.log(G);
    </script>

 4.数据类型

1.数值类型

可以是整数、小数、正数、负数

 <script> 
    let score = 100 // 正整数
    let price = 12.345 // 小数
    let temperature = -40 // 负数

    document.write(typeof score) // 结果为 number
    document.write(typeof price) // 结果为 number
    document.write(typeof temperature) // 结果为 number
  </script>

 2.字符串类型

通过单引号（ ''） 、双引号（ ""）或反引号包裹的数据都叫字符串，单引号和双引号没有本质上的区别，推荐使用单引号。

<script>
        // 只要是 ''  ""  ``
        let a = '灰太狼'
        let b = "肥太狼"
        let c = `红太狼`
        console.log(c);
        // 嵌套可以内单外双,外双内单
        // 转义符 \
        let d = "灰太狼\"小太郎\""
        console.log(d);
    </script>

 3.布尔类型, undefined null

   <script>
        // 布尔类型 true false
        console.log(3 > 5);
        // undefined ,未定义类型 ,变量纸申明不赋值
        let num
        console.log(num)
        // null空对象
        let obj = null
        // typeof 变量数据检测类型,object对象
        console.log(typeof obj, obj)
    </script>

5.类型转换

1.隐转换

使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。

 任何数据和字符串相加都是字符串

  - * / %  会把两边都隐式转换为数字类型进行运算

 +数据  作为正号解析转为数字型

<script>
        // 任何数据和字符串相加都是字符串
        //  - * / %  会把两边都隐式转换为数字类型进行运算
        // +数据  转为数字型 作为正号解析
        let age = +prompt('请输入你的年龄')
        console.log(typeof age);
    </script>

2.显示转换

1.Number

通过 Number 显示转换成数值类型，当转换失败时结果为 NaN（Not a Number）即不是一个数字。

<script>
        // 转数字类型
        // Number
        console.log(typeof Number('12'));
        console.log(typeof '12');
        console.log(typeof Number('1.1abc')); // NaN

        // parseInt 取整
        console.log(parseInt('12'));   /* 12 */
        console.log(parseInt('哈哈哈'));   /* NaN */
        console.log(parseInt('1.1abc'));   /* 1 */

        // parseFloat 全部都取
        console.log(parseInt('12'));   /* 12 */
        console.log(parseInt('哈哈哈'));   /* NaN */
        console.log(parseInt('1.1abc'));   /* 1.1 */
    </script>