20220803 JS书写/输入输出/变量/数据类型

112 阅读3分钟

书写位置

  • 行内:直接写到元素里面<input type=``"button" value=``"点击" onclick=``"alert(1)" />
  • 内嵌:写在head标签中,使用script标签书写
  • 外链:引入外链使用script,外链文件后缀为js,使用外链后,在内部script中书写的代码不生效,引入js文件时需要注意顺序,如有js1和js2两个文件,在js2中定义的变量,引入js1无法使用

输入和输出

常用

  • console.log()——控制台输出(输出的内容,使用,号隔开可以输出多个)
  • alert()——弹窗输出(输出的内容)
  • confirm()——弹出的确认框(提示内容)

不常用

  • prompt()——弹出输入框(提示输入的数据)
  • document write()——(在页面输出的内容,永远在页面最前面显示输出)

定义变量(定义存储的数据,方便后续的反复使用,使用方法直接输出变量名)

  • 关键字:var/let/const
  • 语法:var/let/const+变量名(自己定义的)=变量值(使用的值)
  • 变量名规范:小写驼峰式(第一个单词以小写字母开始,第二个单词的首字母大写,如:firstName),还需要顾名思义看到这个变量名就知道是什么意思,如:data-数据
  • 三个关键字的区别

var

  • var在定义前可以使用,因为会进行预处理
  • 变量在定义前会预创建,但是会等到定义变量的那行代码才会进行赋值
  • 在没有赋值之前输出的变量值是undefined
  • is not defined(控制台报错):表示在没有定义时使用
  • 不需要在定义时就赋值
  • 定义后的值可以修改
  • 可以重复定义变量名,会覆盖掉前面定义同名的变量值

let

  • 不可以在定义前就使用
  • 不需要在定义时就赋值
  • 定义后的值可以修改
  • 不可以重复声明

const(常量:不可以改变的量)

  • 不可以在定义前就使用
  • 需要在定义时就赋值
  • 定义后的值不可修改
  • 不可以重复声明

数据类型(变量的数据类型取决于赋的值)

  • number——数字类型(只写数字即可)
  • string——字符串类型{可以用3种方法书写,‘单引号中不能套单引号可以套双引号,字符串的拼接在console.log中使用+号拼接’  “双引号中不能套双引号可以套单引号,字符串中规范来说最好不用双引号,因为html和css一般才用”  `模板字符串两种引号都可以套,字符串的拼接在自己里面使用${}拼接`}
  • undefined——未定义类型,变量定义了但是还没有赋值时
  • boolean——布尔型,只有两个值,真:true,假:false
  • null——空对象型
  • object——对象型
  • symbol()——永不相等类型,使用方法为在赋值里使用,在前面添加,把值放入括号中

获取数据类型

  • typeof 变量名
  • typeof (变量名)
  • 得到的数据类型是string,他的作用是告诉你他是什么类型,比如他是boolean他就输出boolean