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(表达式)
{
case1:
语句块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 关键字的完整列表:
breakelsenewvar
casefinallyreturnvoid
catchforswitchwhile
continuefunctionthiswith
defaultifthrowlet
deleteintrydo
instanceoftypeof
  • 定义变量
    变量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字符串对象–定义字符串属性和方法