JavaScript 基础第一天(变量、数据类型)

347 阅读4分钟

一、JavaScript入门

1.计算机基础

  • 计算机构成 image.png
  • 软件的组成 程序和数据
  • 数据存储单位

image.png

2.JS基础

发展史(在学版本)

  • 2009年ES5发布(我们现在学的)(现在市面上的所有浏览器都已全部支持)
  • 2015年ES6(或叫ES2015)发布(我们现在学的)(部分浏览器还不支持)

书写位置

image.png

image.png

image.png

image.png

输入和输出

  • 输入
prompt('请输入您的姓名');
  • 输出
document.write('要输出的内容');
alert('要输出的内容');
console.log('控制台打印')

语句结束符

  • 一条命令就是一条语句
  • 语句结束符:;
  • 语法:英文分号 ;
  • 作用:代表一条语句结束,是否可以省略不写?一行只有一个语句的话,可以不写;一行多条语句必须要写

二、数据

1.数据类型

  • 基本数据类型(也叫简单数据类型)(总共有7种,这里只讲下面5种)
  • Number 数字型
  • String 字符串型
  • Boolean 布尔型
  • Undefined 未定义型
  • Null 空类型
  • 引用数据类型(也叫复杂数据类型) (总共有很多,这阶段只讲下面3种)
  • Array 数组
  • Object 对象
  • Function 方法/函数

2.内存划分

image.png

3.基本数据类型

数字型

整数
小数
正数
负数
NaN (Not a Number)表示一个非数字,但是它本身是数字类型

字符串型(string)

  • 字符串的字面量表达方式——用引号包起来: 单引号( ‘’)
    双引号( “”)
    反引号(反引号)
    反引号好处: ①可以换行(单引号和双引号不可以)
    ②里面可以写JS代码(引入变量或简单的运算)
  • 注意事项:
    ①无论单引号或是双引号必须成对使用
    ②单引号或双引号可以互相嵌套,但是不以自已嵌套自已(口诀:外双内单,或者外单内双)
    ③也可以使用转义符 \ 来输出单引号或双引号
  • 判断正误 image.png

布尔型(Boolean)

  • 它的值只有两个 false:代表假
    true:代表真

未定义类型(Undefined)

它的值只有一个,即: undefined
代表:没有值

空类型(Null)

它的值只有一个,即: null
代表:没有值

三、变量

1.变量是什么

image.png

2.变量基本使用

image.png

  • 注意: 一次声明多个变量时,中间用逗号隔开
    let 不允许多次声明同一个变量
    不声明直接使用会报错
    不声明直接赋值,虽然不报错,但是不推荐
  • tip:
  1. 所有代码都是先执行=右边的代码,等右边的代码全部执行完后再把结果赋值给=左边的变量
  2. 用的是变量的值,而不是变量本身;
  3. 用变量时变量的值是不会改变的,只有通过赋值号= 才能修改变量的值(99%都是这样,遇到特殊情况另 说)

3.变量命名规则与规范

image.png

四、数据类型转换

1.检测数据类型

  • 代码:typeof后的()可以不写
type of()

2.显示转换

转换为数字

  • Number(数据) ①如果数据不是一个数字,则立马返回 NaN (特例:Number() 会将true转换为1,false、null转换成0)
    ②为什么数字类型中有个NaN(not a number),就是由于在转换时可能会出现无法转换为数字,就通通转换为NaN
    ③理论上我们可以将任何类型转换为数字类型,但是我们一般只会将字符串转换为数字类型
  • 注意:Number(字符串)并不会把字符串改变为数字类型,而是经常Number(字符串) 处理后的结果是数字类型

转换为字符串

  • String(数据) 不常用,了解即可

Boolean(数据)

  • 下面这些都会转化成false,除了这些其它都会转化成true:null、undefined、’’(空字符串)、0、NaN

3.隐式转换

定义:

在某些情况下(例如:进行加减乘除运算时),浏览器内部会自动将数据类型进行转换,这种转换称为隐式转换。

规则:

  • +(加)号两边只要有一个是字符串,就会把另外一个转成字符串(要记住,因为经常用)
  • -*/ (减乘除)等都会把数据转成数字类型 (不常用,所以不用记)
  • 缺点:转换类型不明确,靠经验才能总结
  • 结论:我们以后不要写这样的代码,因为有点像暗箱操作,不好