JavaScript快速入门一

概述

• JavaScript = ECMAScript + JavaScript特有的东西(BOM + DOM)
  • ECMAScript：客户端脚本语言，是欧洲计算机制造商协会ECMA，制定的标准，统一了所有客户端脚本语言的编码方式
  • BOM：Browser Object Model，浏览器对象模型，将浏览器的各个组成部分封装成对象。
  • DOM：Document Object Model，文档对象模型，将标记语言文档的各个组成部分，封装成对象，使用这些对象，对标记语言文档进行 CRUD 动态操作

基本语法

• 内部JS，在HTML页面任何位置，定义，但是定义的位置会影响执行顺序

• 外部JS，在外部定义个 .js 文件，通过以下命令引入

   
  <script src="Learn.js">script>
  

  注意：上述的 JS 都得定义在 标签中

数据类型

• 原始数据类型
  • number：数字、整数、小数、NaN(Not a number 一个不是数字的数字类型)
  • string：字符串
  • boolean：布尔类型，true 和 false
  • null：一个对象为空的占位符
  • undefined：未定义类型，一个变量没有给初始值，则默认赋值为 undefined
• 引用数据类型
  • 对象（Object）：可以包含多个键值对，也可以包含函数作为其中的方法
  • 数组（Array）：特殊类型的对象
  • 函数（Function）：可以被赋值给变量，也可以作为参数传递给其他函数
  • 日期（Date）：用于处理日期和时间
  • 正则表达式（RegExp）：处理字符串的模式匹配

变量

• 语法

  var 变量名 = 初始化值;
  

• 注意

  • java 是强类型语言，强类型语言开辟变量空间时，定义了空间未来存储的数据类型。
  • JavaScript 是弱类型语言，弱类型语言开辟变量空间时，不定义了空间未来存储的数据类型，可以存放任意类型的数据。
  • null 运算后得到的是 Object 类型

运算符

• 概述：在JS中，如果运算数不是运算符所要求的类型，那么js引擎会自动的将运算数进行类型转换

• 类型转换

  • string 转 number：按照字面值转换。如果字面值不是数字，则转为NaN（不是数字的数字）
  • boolean 转 number：true转为1，false转为0
  • number 转 boolean：0或NaN为假，其他为真
  • string 转 boolean：除了空字符串(“”)，其他都是true
  • null undefined 转 boolean：都是false
  • 对象 转 boolean：所有非空对象都为true，空对象为 false

• 比较运算符

  • “===”：全等于

  类型相同：直接比较	字符串：按照字典顺序比较。按位逐一比较，直到得出大小为止
  类型不同：先进行类型转换，再比较	===：全等于。在比较之前，先判断类型，如果类型不一样，则直接返回false

• 分支结构

  • JavaScript 可以接受所有原始数据类型

• var 关键字在函数中

  • 用 var 定义的变量是局部变量
  • 不用 var 定义的变量是全局变量(不太建议)

注意：以上写的只是和 Java 中有区别的一些特性，其他和Java中一致

---

基本对象

Function（函数）

• 概述：这个函数就是一个对象

• 创建函数格式

  // 格式一
  function 方法名称(形式参数列表){
      方法体
  }
  // 格式二
  var 方法名 = function(形式参数列表){
      方法体
  }
  

• 方法调用格式

  // 实际参数列表，根据自己需要的个数填写
  方法名称（实际参数列表）;
  
  // 例如：下述调用的都是一个 add() 方法
  add(1,2);
  add(1,2,3);
  add(true,1);
  

• 方法(函数)的特点

  • 方法定义时，形参的类型不写、返回值类型也不写
  • 方法是一个对象，如果定义名称相同的方法，会覆盖之前的同名方法
  • 在JavaScript中，方法的调用只和方法的名称有关和参数列表无关
  • 在方法声明中有一个隐藏的内置对象(数组)-arguments 封装所有实参

• 示例代码

Array（数组）

• 概述：这是一个数组对象

• 数组特点

  • 数组元素的类型是可变的
  • 数组长度是可变的

• 创建数组格式

  // 格式一
  var arr = new Array(元素列表);
  // 格式二
  var arr = new Array(默认长度);
  // 格式三
  var arr = [元素列表];
  

• 常用方法和属性

  方法和属性(带括号是方法，不带括号是属性)	作用
  length	计算数组的长度
  join(参数)	将数组中的元素按照指定的分隔符拼接为字符串
  push()	向数组的末尾添加一个或更多元素，并返回新的长度

• 示例代码

  <script>
      // 格式一：定义一个数组
      alert("arr1数组：");
      var arr1 = new Array(1,2,3,4);
      for(var i = 0; i < arr1.length; ++i){
          alert(arr1[i]);
      }
      alert("arr2数组：");
      // 格式二：定义一个数组
      var arr2 = new Array(2);
      /* 数组末尾添加 */
      let len = arr2.push(9,8);
      /* 输出数组新的长度 4，前两个都是未定义 */
      alert(len);
      for(var i = 0; i < arr2.length; ++i){
          alert(arr2[i]);
      }
      // 格式三：定义一个数组
      alert("arr3数组：");
      var arr3 = [1,true,'a','cd'];
      let s = arr3.join("-");
      alert(s);
  </script>
  

Date（日期）

• 概述：日期对象

• 创建格式

  var date = new Date();
  

• 常用方法

  方法	作用
  toLocalString()	返回当前 date 对象对应的时间 本地字符串格式
  getTime()	获取毫秒值，返回当前对象描述的时间到 1970.1.1 号零点的毫秒值差

• 示例代码

  <script>
      // 创建日期对象
      var date = new Date();
      // 调用方法
      let time = date.toLocaleDateString();
      // 弹出当前年月日
      alert(time);
      // 获取时间差
      let time1 = date.getTime();
      // 弹出毫秒差
      alert(time1);
  </script>
  

RegExp（正则表达式）

• 概述：正则表达式对象，定义字符串的组成规则

• 格式

  • 单个字符：[]
    • 例如：[a]、[ab]、[a-z]、[A-Z]、[0-9]
    • 特殊符号代表特殊含义的单个字符
      • \d：单个数字字符 [0-9]
      • \w：单个单词字符 [a-z A-Z 0-9 _ ]
  • 量词符号
    • ？：表示出现 0 次或者 1次
    • *： 表示出现 0 次或者 多次
    • +： 表示出现 1 次或者 多次
    • {m,n}：表示 m <= 数量 <= n
      • m 如果缺省，{，n} 最多 n 次
      • n 如果缺省，{m，}最少 m 次
  • 开始结束符号
    • ^：开始符号
    • $：结束符号

• 正则对象创建格式

  // 格式一
  var reg = new RegExp("正则表达式");
  // 格式二
  var reg = /正则表达式/;
  

• 常用方法

  方法	作用
  test(参数)	验证指定的字符串是否符合正则定义的规范

• 示例代码

Global（全局）

• 概述：全局对象，Global 中封装的方法不需要对象就可以直接调用

• 调用格式

  方法名();
  

• 常用方法

  方法	作用	注意
  encodeURI()	url 编码
  decodeURI()	url 解码
  encodeURIComponent()	url 编码	编码的字符更多
  decodeURIComponent()	url 解码
  parseInt()	将字符串转为数字	逐一判断每一个字符是否是数字，直到不是数字为止，将前边数字部分转为 number
  isNaN()	判断一个值是否是 NaN	NaN 六亲不认，连自己都不认，NaN参与的 == 比较全为 false
  eval()	JavaScript字符串，并把它作为脚本代码来执行	并不太建议使用

• 示例代码