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()可以将字符串转换为浮点型数据。

语法:

parseInt()  //将字符串型转换为整型
parseFloat()  //将字符串型转换为浮点型

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

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

语法:

.toString()

 

七、JavaScript基本语法

1、执行顺序

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

2、区分大小写

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

3、分号和空格

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

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

例如:

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

 

八、JavaScript注释

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

语法:

//单行注释内容
/*多行注释内容*/

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

大家回去总结一下HTMLCSS和JavaScript这3者注释方式的异同之处。之前教程讲解过的“HTML注释”和“CSS注释”