JavaScript——语法

最新推荐文章于 2024-10-02 05:39:15 发布

巧克力code

最新推荐文章于 2024-10-02 05:39:15 发布

阅读量223

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_44853882/article/details/123567908

版权

JavaScript 专栏收录该内容

11 篇文章 3 订阅

订阅专栏

文章目录

一. 变量
二. 数据类型
三. 扩展阅读
四. JavaScript 运算符

一. 变量

1. 变量概述

1.1 什么是变量

在这里插入图片描述

1.2 变量在内存中的存储

本质：变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间，一个房间就可以看做是一个变量。

在这里插入图片描述

2. 变量的使用

变量在使用时分为两步： 1. 声明变量 2. 赋值

2.1 声明变量

在这里插入图片描述

var 是一个 JS关键字，用来声明变量( variable 变量的意思 )。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管
age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

2.2 赋值

在这里插入图片描述

= 用来把右边的值赋给左边的变量空间中此处代表赋值的意思
变量值是程序员保存到变量空间里的值

2.3 变量的初始化

在这里插入图片描述
声明一个变量并赋值，我们称之为变量的初始化。

3. 变量语法扩展

3.1 更新变量

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

在这里插入图片描述

3.2 同时声明多个变量

同时声明多个变量时，只需要写一个 var，多个变量名之间使用英文逗号隔开

在这里插入图片描述

3.3 声明变量特殊情况

在这里插入图片描述

4. 变量命名规范

在这里插入图片描述

二. 数据类型

1. 数据类型简介

1.1 为什么需要数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。

简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的。

1.2 变量的数据类型

在这里插入图片描述

1.3 数据类型的分类

JS 把数据类型分为两类：

简单数据类型（Number,String,Boolean,Undefined,Null）
复杂数据类型（object)

2. 简单数据类型（基本数据类型）

在这里插入图片描述

2.1 数字型 Number

JavaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）。
在这里插入图片描述
1、数字型进制

2、数字型范围
在这里插入图片描述

3、数字型三个特殊值
在这里插入图片描述

4、isNaN()

在这里插入图片描述

2.2 字符串型 String

字符串型可以是引号中的任意文本，其语法为双引号 “” 和单引号’

在这里插入图片描述
1、字符串引号嵌套

2、字符串转义符
类似HTML里面的特殊字符，字符串中也有特殊字符，我们称之为转义符。

转义符都是 \ 开头的，常用的转义符及其说明如

3、字符串长度
字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字符串的长度。

在这里插入图片描述

4、字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串 + 任何类型 = 拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

在这里插入图片描述

5、字符串拼接加强
在这里插入图片描述

2.3 布尔型 Boolean

布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。

布尔型和数字型相加的时候， true 的值为 1 ，false 的值为

在这里插入图片描述

2.4 Undefined 和 Null

在这里插入图片描述

3. 获取变量数据类型

3.1 获取检测变量的数据类型

typeof 可用来获取检测变量的数据类型
在这里插入图片描述
不同类型的返回值

3.2 字面量

字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值。

数字字面量：8, 9, 10
字符串字面量：‘黑马程序员’, “大前端”
布尔字面量：true，false

4. 数据类型转换

4.1 什么是数据类型转换

使用表单、prompt 获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

我们通常会实现3种方式的转换：

转换为字符串类型
转换为数字型
转换为布尔型

4.2 转换为字符串

在这里插入图片描述

toString() 和 String() 使用方式不一样。
三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换

4.3 转换为数字型（重点）

在这里插入图片描述

注意 parseInt 和 parseFloat 单词的大小写，这2个是重点
隐式转换是我们在进行算数运算的时候，JS 自动转换了数据类型

4.4 转换为布尔型

在这里插入图片描述

三. 扩展阅读

1. 解释型语言和编译型语言

1.1 概述

计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。

在这里插入图片描述

1.2 执行过程

在这里插入图片描述

2. 标识符、关键字、保留字

2.1 标识符

标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。

标识符不能是关键字或保留字

2.2 关键字

关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。

包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等

2.3 保留字

保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等

注意：如果将保留字用作变量名或函数名，那么除非将来的浏览器实现了该保留字，否则很可能收不到任何错误消息。当浏览器将其实现后，该单词将被看做关键字，如此将出现关键字错误。