ch04 -- JavaScript 基础语法_chch04.con-CSDN博客

本文链接：https://blog.csdn.net/Pranuts_/article/details/89684208

JavaScript 基础语法

HTML 标记 (也称为结构) , CSS 样式 (也称为表示) ，仅仅使用 HTML+CSS 创建的页面只是静态页面，还需使用 JavaScript 增加行为，为网页添加动态效果。

JavaScript 能做什么？

增强页面动态效果 (如:下拉菜单、图片轮播、信息滚动等)
实现页面与用户之间的实时、动态交互 (如:用户注册、登陆验证等)

使用 JavaScript 的变量、数组、函数、语法、对象、事件、DOM 操作，即可制作简单的网页动态效果。

注意:

JavaScript 是区分大小写的，注意方法、属性、变量等的大小写
JavaScript 中的字符、符号等一定要在英文状态下输入

变量

变量是可变的量。从编程角度讲，变量是用于存储某种/某些数值的存储器。

变量命名

变量名字可以任意取，但是要遵循一些规则:

变量名必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。
变量名区分大小写，如:A与a是两个不同变量。
不允许使用JavaScript关键字和保留字做变量名。

JavaScript 关键字

break、else、new、var、case、finally、return、void、catch、for、switch、while、default、if、throw、delete、in、try、do、instanceof、typeof

JavaScript 保留字

abstract、enum、int、short、boolean、export、interface、static、byte、extends、long、super、char、final、native、synchronized、class、float、packagr、throws、const、goto、private、transient、debugger、implements、protected、volatile、double、import、public

变量声明

声明变量语法：

// var+变量名
var v;

var 在 JavaScript 中是关键字（即保留字），这个关键字的作用是声明变量，并为 “变量” 准备位置(即内存）。

var 还可以一次声明多个变量，变量之间用 “,” 逗号隔开。

var v1, v2;

注意：变量也可以不声明，直接使用，但为了规范，最好先声明后使用。

变量赋值

使用 “=” 号给变量赋值存储内容。语法如下：

var name = value;

注:这里 “=” 号的作用是给变量赋值，不是数学上的等于号。

可以把任何东西存储在变量里，如数值、字符串、布尔值等。例如：

var v1 = 123;       // 123是数值
var v2 = "一二三";    // "一二三"是字符串
var V3 = true;    // 布尔值true（真），false(假)

其中，v1 变量存储的内容是数值；v2 变量存储的内容是字符串，字符串需要用一对引号""括起来；v3 变量存储的内容是布尔值(true、false)。

表达式

表达式是指具有一定的值，用操作符把常数和变量连接起来的代数式。一个表达式可以包含常数或变量。

JavaScript 表达式的类型：

串表达式
数值表达式
布尔表达式

操作符

操作符是用于在 JavaScript 中指定一定动作的符号。

JavaScript 中有很多种操作符，例如：

算术操作符 (+ 、- 、* 、/ 等)
比较操作符 (< 、> 、>= 、<= 等)
逻辑操作符 (&& 、|| 、! 等)

注意："=" 操作符是赋值，不是等于。

算术操作符

算术运算符 + 、- 、* 、/ 主要用来完成加减乘除。

在 JavaScript 中，"+" 操作符还可以连接两个字符串。

var mystring = "Java" + "Script"; // mystring的值 "JavaScript" 这个字符串

算术操作符还有两个非常常用的操作符，自加一 “++” 和自减一 “–”。

num++; // 等同于 num = num + 1;
num--; // 等同于 num = num - 1;

比较操作符

两个操作数通过比较操作符进行比较，得到值为真（true）或假 (false) 。

在 JavaScript 中，这样的比较操作符有很多，这些操作符的含义如下:

操作符	描述
<	小于
>	大于
<=	小于或等于
>=	大于或等于
==	等于
!=	不等于

逻辑操作符

逻辑与操作符

“&&” 是逻辑与操作符，只有 “&&” 两边值同时满足(同时为真)，整个表达式值才为真。逻辑与操作符值表：

A B A && B
true true true
true false false
false true false
false false false
注意: 如果 A 为假，A && B 为假，则不会在执行 B ; 反之，如果 A 为真，要由 B 的值来决定 A && B 的值。
逻辑或操作符

“||” 逻辑或操作符，当两个条件中有任一个条件满足，“逻辑或” 的运算结果就为 “真” 。逻辑或操作符值表：

A B A && B
true true true
true false true
false true true
false false false
注意: 如果 A 为真，A || B 为真，不会在执行 B ; 反之，如果 A 为假，要由 B 的值来决定 A || B 的值。
逻辑非操作符

“!” 是逻辑非操作符，非真即假，非假即真。逻辑非操作符值表：

A !A
true false
true true