JavaScript学习网站

JavaScript（二）

JavaScript基本语法

JavaScript基本语法

变量

在计算机语言中，变量是能储存计算结果或能表示值的抽象概念。

变量的命名规则

关键字var、let、const的区别

JavaScript 引擎的解析方式是：先解析代码获取所有被定义的变量，然后逐行执行。
变量提升(Hoisting)：所有声明的变量都会被提升到代码的头部。

1.var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问，存在变量提升

2.let定义的变量，其作用域为该语句所在的代码块内(类似于局部变量)，
并且在其代码块中，同名的变量不能重复声明，不存在变量提升。

3.const关键字的功能和let相同，但const定义的变量必须初始化且不可修改。

变量的声明

JavaScript所有数据类型的变量一般使用var关键字定义。
书写格式：

var 变量名;
若一次定义多个变量，变量名之间用逗号","隔开
var 变量名,变量名,变量名;

定义一个变量后没有赋值，其变量的初始值是undefined(未定义)。

变量的赋值

变量定义后，为变量赋值使用等于号 “=”。
书写格式：

var num = 3 ; //数值类型
var str = "abc" ; //字符串类型
var flag = true ; //布尔类型
var a = 0 , b = 1 ; //多个变量同时赋值

数据类型

JavaScript 中的数据类型分为两种类型：

1.基本数据类型：字符串（String）、数值（Number）、布尔（Boolean）、
				空（Null）、未定义（Undefined）、Symbol

2.引用数据类型：对象（Object）、数组（Array）、函数（Function）

typeof(变量名称); //可以查看变量的数据类型

基本数据类型

引用数据类型

书写格式：
1.var object = new Object(); //创建对象
  object.name1 = value1 ; //赋值
  object.name2 = value2 ; 
  ...
2.var object = {name1:value1,name2:value2,...} //创建对象并赋值

书写格式：
1.var array = new Array(); //创建数组  
  array[0]="Hello"; //赋值
  ...
2.var array = new Array(n); //创建数组并指定长度为n
3.var array = ["Hello", 1, true, null]; //创建数组并赋值
4.var array = new Array("Hello", 1, true, null); //创建数组并赋值

书写格式：
1.
//创建函数
function 函数名(参数1，参数2...){
	函数体;
	返回值; //可有可无
}
//调用
函数名(参数列表); //无返回值
var 变量名 = 函数名(参数列表); //有返回值

2.
var 名称 = function 函数名(参数1，参数2...){
	函数体;
	返回值; //可有可无
}
//调用
名称(参数列表);

3.
var 名称 = new Function("参数1,参数2...","函数体和返回值");
//调用
名称(参数列表);

运算符

在计算机语言中，运算符用于执行程序代码运算，会针对一个以上操作数项目来进行运算。

算术运算符

算法运算用于执行简单的数学运算。

赋值运算符

赋值运算符用于为变量赋值。

字符串运算符

在字符串类型的变量中，’ + ’ 和 ’ += '还可以用来拼接字符串。

’ + ’ 表示将字符串拼接到一起；
’ += ’ 表示先将字符串进行拼接，然后将结果赋值给左侧的变量。

比较运算符

比较运算符用于比较两个值或表达式，其运算结果是布尔值。
在这里插入图片描述

逻辑运算符

三元运算符

三元运算符也称为条件运算符，通过条件表达式的真假执行其表达式1、2。

条件表达式 ? 表达式1 : 表达式2 ; //结果为真执行表达式1，反之表达式2

自增、自减运算符

位运算符

位运算用于对二进制位进行操作。位运算符分为两种，位逻辑运算符和位移运算符。
一.
在这里插入图片描述
逻辑结果参照表：

对应的结果参照表：

二.

逻辑控制语句

常见的条件语句

条件判断控制语句：

if(表达式){
}else{}

多重条件判断控制语句：

if(表达式1){
}else if(表达式2){
}...
else{}

多条件分支类型控制语句

switch(表达式){ //表达式结果等于某个的value值，执行其对应的结果
	case value1:
		statements1
		break;
	case value2:
		statements2
		break;
	...
	default:
		statements
}

常见的循环语句

for循环

for(表达式1;表达式2;表达式3;){...}

while循环

while(表达式){...}

do-while循环

do{
	...
}while(表达式);

Web前端：JavaScript语言（二）