JavaScript基础学习笔记01——变量、数据类型

• 代码写在以.js结尾的文件里
• 语法：通过script标签，引入到html页面中
• 注意事项：script标签中间无需写代码，否则会被忽略！

• 代码写在标签内部

• 符号：//
• 作用：//右边这一行的代码会被忽略
• 快捷键：ctrl + /

• 符号：
• 作用：在 之间的所有内容都会被忽略
• 快捷键：shift + alt + A
  

• 代表语句结束
• 英文分号 ;
• 可写可不写（现在不写结束符的程序员越来越多）
• 换行符（回车）会被识别成结束符 ,所以一个完整的语句，不要手动换行
• 因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符
• 但为了风格统一，要写结束符就每句都写，要么每句都不写（按照团队要求.）
  

• 向body内输出内容
• 如果输出的内容写的是标签，也会被解析成网页元素

document.write('要输出的内容');

• 页面弹出警告对话框

alert('要输出的内容');

• 控制台输出语法，程序员调试使用

console.log('控制台打印')

• 显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字

prompt('请输入您的姓名:');

• 在计算机科学中，字面量（literal）是在计算机中描述 事/物
• 比如：
  1.我们工资是： 1000 此时 1000 就是 数字字面量
  2.‘黑马程序员’ 字符串字面量
  3.[] 数组字面量 {} 对象字面量 等等

• 白话：变量就是一个装东西的盒子。
• 通俗：变量是计算机中用来存储数据的“容器”，它可以让计算机变得有记忆。
• 注意：变量不是数据本身，它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。

• 要想使用变量，首先需要创建变量（专业说法： 声明变量）
• 语法：let 变量名
• 声明变量有两部分构成：声明关键字、变量名（标识）
• let 即关键字 (let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明（定义）变量的词语

• 定义了一个变量后，你就能够初始化它（赋值）。在变量名之后跟上一个“=”，然后是数值。、
• 注意：是通过变量名来获得变量里面的数据
  
• 也可以声明变量的时候同时给变量初始化。

• 变量赋值后，还可以通过简单地给它一个不同的值来更新它。
• 注意： let 不允许多次声明一个变量。

• 变量赋值后，还可以通过简单地给它一个不同的值来更新它。
  

• 步骤：
  1.声明一个临时变量 temp
  2.把num1的值赋值给 temp
  3.把num2的值赋值给num1
  4.把temp的值给num2

• 内存：计算机中存储数据的地方，相当于一个空间
• 变量：是程序在内存中申请的一块用来存放数据的小空间
  

• 不能用关键字：有特殊含义的字符，JavaScript 内置的一些英语词汇。例如：let、var、if、for等
• 只能用下划线、字母、数字、$组成，且数字不能开头
• 字母严格区分大小写，如 Age 和 age 是不同的变量

• 起名要有意义
• 遵守小驼峰命名法：第一个单词首字母小写，后面每个单词首字母大写。例：userName

• let 和 var 区别：let 为了解决 var 的一些问题
• var 声明：
  1.可以先使用 在声明 (不合理)
  2.var 声明过的变量可以重复声明(不合理)
  3.比如变量提升、全局变量、没有块级作用域等等

• 数组(Array)是一种可以按顺序保存多个数据
  

let 数组名 = [数据1,数据2,...,数据n]

• 数组是按顺序保存，所以每个数据都有自己的编号
• 计算机中 的编号从0开始，所以第一个数据的编号为0，第二个数据的编号为1，以此类推
• 数组可以存储任意类 型的数据
• 数组可以存储任意类 型的数据

• 数组名[下标]
• 例：
  let names = ['小明'， '小刚'，'小红'，'小丽'，'小米']
  names[0] // 小明
  names[1] // 小刚
• 通过下标取数据
• 取出来是什么 类型的，就根据这种类型特点来访问

• 元素：数组中保存的每个数据都叫数组元素
• 下标：数组中数据的编号
• 长度：数组中数据的个数，通过数组的length属性获得

• 注意事项：
  1.无论单引号或是双引号必须成对使用
  2.单引号/双引号可以互相嵌套，但是不以自已嵌套自已（口诀：外双内单，或者外单内双）
  3.必要时可以使用转义符 ，输出单引号或双引号

• 作用：拼接字符串和变量；在没有它之前，要拼接变量比较麻烦

document .write('大家好，我叫' + name + ', 今年 ' + age + '岁') 

• 符号：``；内容拼接变量时，用 ${} 包住变量

document.write(`大家好，我叫${name}, 今年${age}岁`)

• 表示肯定或否定时在计算机中对应的是布尔类型数据。
• 它有两个固定的值 true 和 false，表示肯定的数据用 true（真），表示否定的数据用 false（假）。

• 未定义是比较特殊的类型，只有一个值 undefined。
• 只声明变量，不赋值的情况下，变量的默认值为 undefined，一般很少【直接】为某个变量赋值为
  undefined

• 总结使用：
  

• null表示值为空
• null 和 undefined 区别：
  1.undefined 表示没有赋值
  2.null 表示赋值了，但是内容为空
• null 开发中的使用场景：
  官方解释：把 null 作为尚未创建的对象
  大白话： 将来有个变量里面存放的是一个对象，但是对象还没创建好，可以先给个null

• object 对象
• function 函数
• array 数组

let age = 18
let uname = '刘德华'
let flag = false
let buy
console. log(age)
console . log( uname )
console. log(flag)
console. log(buy)

• 可以看出数字型和布尔型颜色为蓝色，字符串和undefined颜色为灰色

• JavaScript是弱数据类型： JavaScript也不知道变量到底属于那种数据类型，只有赋值了才清楚。
• 坑： 使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。

console.log( '10000' + ' 2000') // 输出结果1 00002000 

• 此时需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成我们需要的数据类型。

• 某些运算符被执行时，系统内部自动将数据类型进行转换，这种转换称为隐式转换。
• 规则：
  1.+ 号两边只要有一个是字符串，都会把另外一个转成字符串
  2.除了**+**以外的算术运算符 比如 - * / 等都会把数据转成数字类型
• 缺点：转换类型不明确，靠经验才能总结
• 小技巧： +号作为正号解析可以转换成Number

• 概念：自己写代码告诉系统该转成什么类型

• 转换为数字型

• Number(数据)
  1.转成数字类型
  2.如果字符串内容里有非数字，转换失败时结果为 NaN（Not a Number）即不是一个数字
  3.NaN也是number类型的数据，代表非数字

• parseInt(数据) ：只保留整数

• parseFloat(数据) ：可以保留小数

• 转换为字符型:
  1.String(数据)
  2.变量.toString(进制)