JavaScript 入门基础语法总结

JavaScript 入门基础语法总结

目录

[JavaScript 入门基础语法总结](#JavaScript 入门基础语法总结)

一、数据结构

1、标识符

2、关键字

3、常量

4、变量

二、JavaScript数据类型

三、运算符

四、typeof运算符

五、表达式

六、类型转换

1、字符串型转换为数值型

2、数值型转换为字符串型

七、JavaScript基本语法

1、执行顺序

2、区分大小写

3、分号和空格

八、JavaScript注释


这一章内容比较多,这里给大家简单总结一下。

一、数据结构

JavaScript的数据结构包括:标识符、关键字、常量、变量等。

1、标识符

标识符,说白了,就是一个名字。在JavaScript中,变量和函数等都需要定义一个名字,这个名字就可以称为"标识符"。

JavaScript语言中标识符最重要的3点就是:

(1)第一个字符必须是字母、下划线(_)或美元符号这3种其中之一,其后的字符可以是字母、数字或下划线、美元符号;

(2)变量名不能包含空格、加号、减号等符号;

(3)标识符不能和JavaScript中用于其他目的的关键字同名;

2、关键字

JavaScript关键字是指在JavaScript语言中有特定含义,成为JavaScript语法中一部分的那些字。

3、常量

常量,顾名思义就是指不能改变的量。常量的指从定义开始就是固定的,一直到程序结束。

常量主要用于为程序提供固定和精确的值,包括数值和字符串,如数字、逻辑值真(true)、逻辑值假(false)等都是常量。

4、变量

变量,顾名思义,就是指在程序运行过程中,其值是可以改变的。

二、JavaScript数据类型

JavaScript数据类型有2大分类:一是"基本数据类型",二是"特殊数据类型"。

其中,基本数据类型包括以下3种:

  • (1)数字型(Number型):如整型84,浮点型3.14;
  • (2)字符串型(String型):如"绿叶学习网";
  • (3)布尔型(Boolean型):true或fasle;

特殊数据类型有3种:

  • (1)空值(null型);
  • (2)未定义值(undefined型);
  • (3)转义字符;

根据个人的开发经验中,只需要记忆\n、\'、\"这3个就已经够初学者走很远了,其他的转义字符我们完全没必要去记忆,到时候需要的时候再回来查表就行了,大家别浪费脑细胞喔。

三、运算符

JavaScript的运算符按运算符类型可以分为以下5种:

(1)算术运算符;

(2)比较运算符;

(3)赋值运算符;

(4)逻辑运算符;

(5)条件运算符;

四、typeof运算符

typeof运算符用于返回它的操作数当前所容纳的数据的类型,这对于判断一个变量是否已被定义特别有用。

例如:typeof(1)返回值是number,typeof("javascript")返回值是string。

五、表达式

表达式是一个语句的集合,计算结果是个单一值。

在JavaScript中,常见的表达式有4种:

(1)赋值表达式;

(2)算术表达式;

(3)布尔表达式;

(4)字符串表达式;

六、类型转换

1、字符串型转换为数值型

在JavaScript中,将字符串型数据转换为数值型数据有parseInt()和parseFloat()这2种方法。其中,parseInt()可以将字符串转换为整型数据;parseFloat()可以将字符串转换为浮点型数据。

语法:

javascript 复制代码
parseInt()  //将字符串型转换为整型
parseFloat()  //将字符串型转换为浮点型

2、数值型转换为字符串型

在JavaScript中,将数值型数据(整型或浮点型)转换为字符串,都是使用toString()方法。

语法:

javascript 复制代码
.toString()

七、JavaScript基本语法

1、执行顺序

JavaScript程序按照在HTML文档中出现的顺序逐行执行。如果需要在整个HTML文件中执行,最好将其放在HTML文件的标签中。某些代码,如函数体内的代码,不会被立即执行,只有当所在的函数被其他程序调用时,该代码才会被执行。

2、区分大小写

JavaScript是严格区分大小写的。例如str和Str这是两个完全不同的变量。

3、分号和空格

在JavaScript中,语句的分号";"是可有可无的。但是我们强烈要求大家在每一句语句后面加一个分号";",这是一个非常重要的代码编写习惯。

另外,JavaScript会忽略多余的空格,用户可以向脚本添加空格,来提高代码的可读性,说白了就是让代码"漂亮点",读得舒服一点。

例如:

javascript 复制代码
var str="绿叶学习网JavaScript教程";
var str = "绿叶学习网JavaScript教程";  //这一行代码读起来舒服一点

八、JavaScript注释

在编写JavaScript代码时,我们经常要在一些关键代码旁做一下注释,这样做的好处很多。

语法:

javascript 复制代码
//单行注释内容
/*多行注释内容*/

"//"是单行注释方式,如果你的注释内容只占一行就应该使用这种注释方式。"/**/"是多行注释方式,如果你的注释内容占多行建议使用这种注释方式。

相关推荐
某公司摸鱼前端7 分钟前
uniapp socket 封装 (可拿去直接用)
前端·javascript·websocket·uni-app
要加油哦~9 分钟前
vue | 插件 | 移动文件的插件 —— move-file-cli 插件 的安装与使用
前端·javascript·vue.js
wen's2 小时前
React Native 0.79.4 中 [RCTView setColor:] 崩溃问题完整解决方案
javascript·react native·react.js
黄雪超2 小时前
JVM——函数式语法糖:如何使用Function、Stream来编写函数式程序?
java·开发语言·jvm
ThetaarSofVenice2 小时前
对象的finalization机制Test
java·开发语言·jvm
思则变2 小时前
[Pytest] [Part 2]增加 log功能
开发语言·python·pytest
vvilkim2 小时前
Electron 自动更新机制详解:实现无缝应用升级
前端·javascript·electron
vvilkim3 小时前
Electron 应用中的内容安全策略 (CSP) 全面指南
前端·javascript·electron
lijingguang3 小时前
在C#中根据URL下载文件并保存到本地,可以使用以下方法(推荐使用现代异步方式)
开发语言·c#
aha-凯心3 小时前
vben 之 axios 封装
前端·javascript·学习