前端学习2 | JavaScript 基础

44 阅读2分钟

1. 变量的基本使用

let 变量名
为什么不要var

  • 可以先使用在声明(不合理)
  • var声明过的变量可以重复声明(不合理)
  • 比如变量提升、全局变量、没有块级作用域等等

数组
let arr =[]

2. 常量的基本使用

不能变的
const G = 9.8

3. 数据类型

数字类型 Number
字符串类型 String
布尔类型 boolean
未定义类型 undefind
空类型 null 模板字符串
简化字符串拼接

let age = 18
document.write(`我今年${age}岁了`)

总结:

  • 1.布尔数据类型有几个值?
    • true和false
  • 2.什么时候出现未定义数据类型? 以后开发场景是?
    • 定义变量未给值就是undefined
    • 如果检测变量是undefined就说明没有值传递过来
  • 3.null 是什么类型?开发场景是?
    • 空类型
    • 如果一个变量里面确定存放的是对象,如果还没准备好对象,可以放个null

4. 数据类型转换

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

隐式转换
某些运算符被执行时,系统内部自动将数据类型进行转换,这种转换称为隐式转换

  • 规则:
    • +号两边只要有一个是字符串,都会把另外一个转成字符串
    • 除了+以外的算术运算符 比如 -/等都会把据转成数字类型
  • 缺点:
    • 转换类型不明确,靠经验才能总结
  • 小技巧:
    • +号作为正号解析可以转换成数字型
    • 任何数据和字符串相加结果都是字符串

显式转换 编写程序时过度依靠系统内部的隐式转换是不严禁的,因为隐式转换规律并不清晰,大多是靠经验总结的规律为了避免因隐式转换带来的问题,通常根逻辑需要对数据进行显示转换。

  • 概念:
    • 自己写代码告诉系统该转成什么类型
  • 转换为数字型
    • Number(数据)
      • 转成数字类型
      • 如果字符串内容里有非数字,转换失败时结果为
      • NaN (Not a Number)即不是一个数字√NaN也是number类型的数据,代表非数字
    • parselnt(数据)
      • 只保留整数
    • parseFloat(数据)
      • 可以保留小数