JS变量、数据类型

132 阅读1分钟

JS

JS组成

  • ECMA语法

  • web APIs

    • DOM
    • BOM

书写位置

  • 内部
</body>上面
  • 内联
<script></script>
  • 外部
<script src="></script>

结束符

  • ;(可不写)
  • 换行表结束

输入语法

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

    • 文字信息用来提示用户输入文字

输出语法

  • document.write('')

    • 向body中输出
  • alert('')

    • 警告对话框
  • console.log('');

    • 控制台输出

字面量

字面量(literal)是在计算机中描述 事/物

  • 变量

    • 变量是计算机中用来存储数据的“容器“

      • 先声明

        • let变量名
      • 再赋值

        • let变量名 = 值

image.png

  • 更新变量

image.png

  • 可以同时声明多个变量,用,分隔

    • 命名

      • 规则

        • 不能用关键字
        • 只能用下划线、数字、字母、$组成,且数字不能在开头
      • 规范

        • 起名要有意义

        • 小驼峰命名

          • username例外
  • 数组

    • let arr = [ ]

      • 计算机中的编号从0开始,

      • 在数组中,数据的编号也叫索引或下标

      • 通过下标取数据

        • 数组名[下标]
      • 数组可以存储任意类型的数据

      • 数组中保存的每个数据都叫数组元素

      • 数组中数据的个数,通过数组的length属性获得

数据类型

基本数据类型

  • number 数字型

  • string 字符型

    • 通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串
    • +,拼接两个字符串

image.png

  • 模板字符串

  • 用反引号包含数据

  • 用${变量名}来使用变量

image.png

  • Boolean 布尔型 image.png

    • 肯定true
    • 否定false
  • underfined 未定义型

    • 声明变量,不赋值的情况下,变量的默认值为 undefine

image.png

  • null 空类型

    • null 表示赋值了,但是内容为空

      • 把 null 作为尚未创建的对象

引用数据类型

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

检测数据类型

  • 控制台输出语句

image.png

image.png

  • typeof 关键字检测

image.png

类型转换

  • JavaScript是弱数据类型: 无法确认变量到底属于那种数据类型

  • 隐式转换

    • +号两边只要有一个字符串,都会把另一个变成字符串
    • 除了+以外的其他运算符,都会把数据转成数字类型
    • 数字相加符号相连

image.png

image.png

  • 显式转换

    • 转为数字型

      • number

        • 如果字符串内有非数字,转换失败结果为NaN
        • NaN也是number类型数据,代表非数字
      • parseInt

        • 只保留整数
      • parseFloat

        • 可以保留小数
    • 转换为字符型

      • String
      • 变量.toString