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语句:
1
2
3
4
语法:
if(条件表达式){
语句块;
}
  • if…else语句:
1
2
3
4
5
6
语法:
if(条件表达式){
语句块1;
}else{
语句块2;
}
  • 多分支if语句(if…else if 语句):
1
2
3
4
5
6
7
8
9
10
语法:
if(条件表达式1){
语句块1;
}else if(条件表达式2){
语句块2;
}
......
else{
语句块N;
}
  • switch语句:
1
2
3
4
5
6
7
8
9
10
11
12
13
switch(表达式)
{
case 值1:
语句块1;
break;
......
case 值N:
语句块N;
break;
default:
语句块;
break;
}

循环语句:

  • while
  • do…while
  • for
  • for in
  • break和continue的使用
  • while循环:
1
2
3
while(条件表达式){
循环语句;
}

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

  • do…while循环:
1
2
3
4
do{
循环语句;
}
while(条件表达式);

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

  • for循环:
1
2
3
4
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 字符串对象–定义字符串属性和方法