2022-08-03/初学JS

78 阅读2分钟

JS的书写位置

行内
内嵌:写在head中,用script标签
外链:外链引入script标签中的代码不生效,引入js时要注意引入顺序

输入和输出

常用{

  • 控制台输出: image.png

  • alert:代码一行一行执行

  • 弹出确认框:confirm('弹出确认框')

不常用{

  • 页面输出 :document.write 在页面最前边输出
  • 弹出输入框:prompt('弹出输入框')

定义变量

  1. 变量:存储数据,方便后边反复使用数据
  2. 变量关键字:varletconst
  3. 语法:var/let/const 变量名=变量值
  4. 变量规范:小写驼峰 (usrName)顾名思义

三个关键字定义变量的区别

var变量

  • 1.定义前可用,用var定义的变量时会进行预处理(变量会预先创建,但是会等到定义变量那行才赋值)
  • 2.未赋值之前的变量值是undefined(未定义的意思)
  • 3.is not defined报错,表示变量没有被定义就被使用了
  • 4.定义变量可以被修改
  • 5.可以在不定义时赋值
  • 6.可以定义重复的变量名,新定义变量名的会覆盖之前定义的变量名

let变量

  • 1.不可以在定义前使用
  • 2.可以被修改
  • 3.可以不赋值
  • 4.不可以重复声明

const 把const定义的变量叫常量(不可改变的量)

  • 1.不可以在定义前使用
  • 2.必须在定义时赋值
  • 3.不可以被修改
  • 4.不可以重复声明

数据类型

number : 数字 不需要引号
string :字符串 :('单引号')("双引号")( 模板字符串)
1.''单引号不能包单引号
2."" 双引号不能包双引号
3.js字符串用单引号或者模板字符串,html、css用双引号
4.模板字符串既可以包单引号也可以包双引号 5.字符串的拼接用 + 号 6.模板字符串的拼接,在字符串里,用${变量名/其他数据类型};

image.png

7.consol.log可以用,逗号隔开输出多个数据

undefined : 未定义类型,变量定义了但未赋值时,值只有undefined

boolean : 只有true(真) 、false(假)两个值

Symbol : 永不相等类型 Symbol(数据)

null : 空对象

object : 对象

获取变量的数据类型 : typeof 变量名/数据

typeof(变量名/数据) 将其他数据类型,在控制台输出英文

image.png

控制台输出的是boolean

image.png