JavaScript简介

JavaScript简介

JavaScript是一种编程语言

JavaScript的组成部分

• 核心ECMAScript

• 应用程序编程接口API

  • DOM(Document Object Model)
  • BOM(Browser Object Model)

• 其他第三方API

JavaScript的特点

• 客户端代码，在客户机上执行

  • JavaScript特殊的地方在于它也可以作为服务器端代码执行，但是需要搭建Node环 境。
  • 在浏览器上执行

• 解释性语言

  • 被内置于浏览器或者NodeJS平台中的JS解析器解析执行，执行前无需编译

• 弱类型语言

• 从上往下顺序解析执行

Javascript的使用

• 如何在网页中使用JavaScript

  • 内部编写JavaScript

  • 外部引用JavaScript

    • 单独新建一个后缀名为.js的JS文件，编写好HTML文件，在标签体内添加

JavaScript中的注释

• 多行注释

  • /**/

• 单行注释

  • //

变量

• 变量的定义

  • 变量是一个值的容器，该容器的值可以随时改变
  • ECMAScript的变量是弱类 型（松散类型），可以用来保存任何类型的数据
  • 定义变量时使用var关键字。

• 变量的使用

  • 声明变量

    • var message;

  • 初始化变量

    • message = “hello”

  • 声明并初始化

    • var message = “hello”;

  • 定义多个变量

    • var message= “hello”,found=false, age = 29;

• 变量名的命名规则

  • 变量名由字母，数字，下划线以及$组成。

  • 不要使用下划线或者数字作为变量名的开头

  • 变量名应该具有一定的意义，使用小驼峰命名规则 var userAgeTotal = “”;

  • 不要使用关键字或是保留字

    • 关键字

      • 在js中具有特殊功能

    • 保留字

      • 将来可能成为关键字

数据类型

• 五种基本数据类型

  • undefined

    • 未定义类型

      • 该类型的取值只有一个，即undefined
      • 对未声明和未初始化的变量执行typeof操作符都返回undefined

  • null

    • 空引用数据类型

      • 该类型的取值只有一个，即null

      • null可以表示一个空对象的指针

      • 使用场景

        • 如果一个变量准备将来保存对象，可以将该变量初始化null而不是其他，这样可以通过检查null值就 可以知道相应的变量是否已经保存了一个对象的引用。

  • number

    • 数字类型

      • 整数/浮点数

        • 整数

          • 十进制

            • 布尔类型，取值为 true/false，通常用于条件判断

          • 八进制

            • 首位为0，其他位有0~7组成

          • 十六进制

            • 首位为0x，其他位为0_9，AF

        • 浮点数 所谓浮点数值，就是该数值中必须包含一个小数点，并且小数点后必须至少有一位数字。浮点 数值的最高精度是17位小数

          • 普通计数法

          • 科学计数法

            • 3.125e7 即31250000

      • 非数值

        • 该数值表示一个本来要返回数值的操作数未返回数据的情况

          • var a = 10/ “a”; // a为NaN

        • 非数值检测

          • isNaN(para)函数

            • 当参数para不是数值的时候返回true

      • 数值范围

        • ECMAScript能表示的最小数值保存在 Number.MIN_VALUE中，

        • 如果某次计算的结 果超过了JavaScript数值范围，将会返回Infinity(正无极)或者-Infinity(负无极)

        • 能表示的最大的数值保存在Number.MAX_VALUE中。

        • 数值范围检测

          • isFinite()函数

            • 使用 isFinite()函数可以判断参数是否在最大值和最小值之间，如果在，返回true

  • string

    • 字符串类型，需要使用单引号或者双引号括起来

      • 该类型表示由零个或者多个16位Unicode字符组成的字符序列，即字符串

      • 通过length属性获取字符长度

        • length（）函数

  • Boolean

    • 布尔类型，取值为 true/false，通常用于条件判断

• 一种引用数据类型

  • 对象Object

    • 由键值对组成，通过使用大括号将所有键值对括起来
    • var dog = { name : ‘Spot’, breed : ‘Dalmatian’ };

  • 数组Array

    • 数组是一个特殊的对象，包含了多个值，
    • 值与值之间使用逗号分隔开，
    • 所有的值通过中括号括 起来。
    • var myNameArray = [‘Chris’, ‘Bob’, ‘Jim’]; var myNumberArray = [10,15,40];

  • 函数Function

    • 函数是代码执行单元，用于实现某些特殊的功能。
    • function add(a,b){ return a + b; }

• 使用typeof判断数据类型

  • 返回该变量名所指向数据的类型

  • 使用方法 typeof 变量名

  • 返回值

    • undefined

      • 未定义

    • Boolean

      • 布尔类型

    • string

      • 字符串

    • number

      • 数值

    • object

      • 对象
      • null
      • 数组

    • function

      • 函数

null&undefined undefined继承自null，两者相等不全等。 undefined == null 结果为 true，null与undefined用途不同，null可 以用来表示一个空对象