JavaScript 基础第一天

65 阅读3分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第十五天,点击查看活动详情

JavaScript (是什么?)

是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。

  • 作用(做什么?)
    • 网页特效 (监听用户的一些行为让网页作出对应的反馈)
    • 表单验证 (针对表单数据的合法性进行判断)
    • 数据交互 (获取后台的数据, 渲染到前端)
    • 服务端编程 (node.js)

JavaScript 输入输出语法

输出语法:

image.png

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

image.png

  • 页面弹出警告对话框

image.png

变量

变量不是数据本身,它们仅仅是一个用于存储数值的容器。可以理解为是一个个用来装东西的纸箱子。

  • 声明变量:
    • 要想使用变量,首先需要创建变量(专业说法: 声明变量)
  • 语法

image.png

  • 声明变量有两部分构成:声明关键字、变量名(标识)
  • let 即关键字 (let: 允许、许可、让、要),所谓关键字是系统提供的专门用来声明(定义)变量的词语
  • 举例

image.png - age 即变量的名称,也叫标识符

  • 变量赋值:
    • 也可以声明变量的时候同时给变量初始化 image.png
  • 变量的本质
  • 内存:计算机中存储数据的地方,相当于一个空间
  • 变量:是程序在内存中申请的一块用来存放数据的小空间

变量拓展-let和var的区别

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

数组的基本使用

声明语法

image.png

  • 数组是按顺序保存,所以每个数据都有自己的编号
  • 计算机中的编号从0开始,所以小明的编号为0,小刚编号为1,以此类推
  • 在数组中,数据的编号也叫索引或下标
  • 数组可以存储任意类型的数据

image.png

数据类型 – 数字类型(number)

image.png JavaScript 中的正数、负数、小数等 统一称为 数字类型。

image.png

数据类型 – 字符串类型(string)

通过单引号( '') 、双引号( "")或反引号( ` )包裹的数据都叫字符串,单引号和双引号没有本质上的区别, 推荐使用单引号。

image.png

注意事项:

  1. 无论单引号或是双引号必须成对使用
  2. 单引号/双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
  3. 必要时可以使用转义符 \,输出单引号或双引号

数据类型 – 字符串类型(string)

字符串拼接:

image.png

数据类型 – 布尔类型(boolean)

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

数据类型 – 未定义类型(undefined)
未定义是比较特殊的类型,只有一个值 undefined。
什么情况出现未定义类型?
只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为undefined

数据类型 – null(空类型)

null 和 undefined 区别:

  1. undefined 表示没有赋值
  2. null 表示赋值了,但是内容为空