JavaScript基础①-概述及语法基础

JavaScript的组成

1. 核心(ECMAScript):由Ecma国际(前身为欧洲计算机制造商协会，European Computer Manufacturers Association)通过ECMA-262标准化的脚本程序设计语言。
2. 文档对象模型(Document Object Model，简称DOM):是W3C组织推荐的处理可扩展置标语言的标准编程接口。描述了访问网页元素的方法和接口。
3. 浏览器对象模型(Browser Object Model，简称BOM):描述了与浏览器进行交互的方法和接口。
   • 基本语法:
     1. 注意行尾加分号;
     2. 换行书写;
     3. 单行注释:// 或者 多行注释/**/
   • 补充:页面输出语句;
     alert("Hello Word"); //系统弹窗
console.log(); //输出在控制台
document.write(); //打印在页面

JavaScript的常用运算符:

1. 算术运算符:+ - * / % ++ --
   🐔 i++ 与 ++i 的区别:

   1. 如果单独在一行，都自增1；
   2. 当与其他运算符或者输出语句一起使用时:
      • i++:先赋值使用，再运算；(++在后，先用后加)
      • ++i:先运算，再赋值使用；(++在前，先加后用)

2. 比较运算符:> >= < <= == != ,返回结果:真或假(true/false)

3. 逻辑运算符:&& || ! (与、或、非)

   • &&:两边为真，才为真。其中一个为假，即为假。
   • ||:其中一个为真，即为真。
   • ！:真假互换。

4. 条件运算符:(表达式1 ? 表达式2 : 表达式3)

   • 判断“表达式1”的结果是否为真，
   • 如果为真则执行“表达式2”，否则执行“表达式3”。

条件分支语句:if、switch

• if语句:

语法:
if(条件表达式){
语句块;
}

• if…else语句:

语法:
if(条件表达式){
语句块1;
}else{
语句块2;
}

• 多分支if语句(if…else if 语句):

语法:
if(条件表达式1){
语句块1;
}else if(条件表达式2){
语句块2;
}
......
else{
语句块N;
}

• switch语句:

switch(表达式)
{
case 值1:
语句块1;
break;
......
case 值N:
语句块N;
break;
default:
语句块;
break;
}

循环语句:

• while
• do…while
• for
• for in
• break和continue的使用

---

• while循环:

while(条件表达式){
循环语句;
}

执行流程:判断条件表达式是否为真，如果为真，就执行后面的循环语句。然后再次判断，直到条件为假时，跳出while循环。

---

• do…while循环:

do{
循环语句;
}
while(条件表达式);

执行流程:先执行语句，再判断条件，如果为真就继续执行循环语句。否则跳出循环。
while与do-while的区别:
while先判断再执行，
do-while先执行后判断(至少执行一次)。

---

• for循环:

for(初始表达式1; 条件表达式2; 迭代表达式3 ){

循环语句4;
}

• for in (对象篇详解)

• break:跳出循环
  continue: 跳过该次循环，执行后面的循环

---

关键词与变量命名

• ECMAScript 关键字的完整列表:

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

• 定义变量
  变量variable(临时存储的容器)
  //变量:临时存储信息的容器，可以复用

  • var name; //变量的声明，并起名叫 name

  • name = “tt”; //为变量赋值,= 等号:是把右侧的值，赋值给左侧的变量名；

  • 变量名大小写敏感

    • var Name=“小花”;
    • var name=“小毛”;

  • 命名规范:

    1. 必须以字母、数字、下划线或$组成。

    2. 开头不能是数字。

    3. 不能是JavaScript的关键字。

       注意:由于JavaScript是弱类型语言，所以在定义变量时，可以省略var，但是不建议使用。

JavaScript中的两种数据类型

原始类型:(查看数据类型，使用: typeof )

1. boolean
2. number
3. string
4. undefined:变量只定义不赋值，就是undefined
5. null:表示一个空对象，“什么都没有”的意思，用来表示无值，就像一个占位符

对象类型(object)

对象的定义为:“无序属性的集合，其属性可以包含基本值、对象、或者函数”。

• js中内置了如下的对象:

  对象	说明
  Object	是所有JS对象的超类(基类)，JS中的所有对象都是继承自Object对象
  Array	数组对象–定义数组属性和方法
  Number	数字对象
  Boolean	布尔对象–布尔值相关
  Error	错误对象–处理程序错误
  Function	函数对象–定义函数属性和方法
  Math	数学对象
  Date	日期对象
  RegExp	对象正则表达式对象–定义文本匹配与筛选规则
  String	字符串对象–定义字符串属性和方法