JS知识点总结(3)**String的基础概念** 什么是字符串：多个字符组成的【只读】字符【数组】 1. 【只读】：字

17.字符串(String)

String的基础概念 什么是字符串：多个字符组成的【只读】字符【数组】

【只读】：字符串所有的API都不会修改原字符串，只会返回新的字符串。
【数组】：跟数组有相同点：
1. 字符串可以使用下标获取某个字符
2. 字符串可以使用length获取字符的长度
3. 字符串可以遍历得到每个字符
4. 字符串可以使用数组不修改原数组的API（concat、slice）差异：所有数组直接修改原数组的API，字符串都不可以使用！字符串自己也有一堆API

扩展：周期性定时器：

开启：timer=setInterval(function(){操作;},间隔毫秒数)
停止：clearInterval(timer); 鼠标的移入和移出事件:
onmouseover
onmouseout

字符串的API

转义字符语法:\
1. 在""中再放入",或''中再放入' """ '''
2. 特殊功能 \n 换行 \t 制表符:tab带来的大空格
英文转大小写(用于验证码对比,同意转成大写/小写,再比较)
1. 大写：var upper=str.toUpperCase();
2. 小写：var lower=str.toLowerCase();
获取字符串中某个字符 str.charAt(i); === str[i];
获取字符串中某个字符的ascii码
1. var ascii=str.charCodeAt(i);
2. 通过ascii码转回原文： var 原文=String.fromCharCode(ascii);
检索字符串 var i=str/arr.indexOf("关键字",starti); 特殊：
1. starti可以省略，如果省略默认从0位置开始向右查找
2. 返回：如果找到了，返回关键字的第一个字符的下标 ***没找到返回-1，重点：我们其实根本不关心下标为几，我们只关心下标为不为-1，为-1说明没有，如果不为-1说明存在
3. 数组也可以使用：其实以前数组是没有这个方法的，某次浏览器更新后，数组才可以使用的（老IE用不到）
4. 笔试题：找到所有关键字的下标 var str="no zuo no die no can no bibi"; var index=-1; while((index=str.indexOf("no",index+1))!=-1){ console.log("找到了，下标为："+index); }
拼接字符串 var newStr=str.concat(str1,str2,....); 还不如 + 运算符
截取字符串
1. var subStr=str/arr.slice(starti,endi+1);//slice不光字符串可用，数组也可以用，但是下面两个方法只能字符串能用
2. var subStr=str.substring(starti,endi+1);//几乎和slice一致，但是不如slice，因为不支持负数参数
3. var subStr=str.substr(starti,n);//截取的个数，不必考虑含头不含尾
替换字符串 var newStr=str.replace("固定关键字"/RegExp,"新内容");
切割/分隔字符串 var arr=str.split("自定义切割符") 特殊：
1. 切割符是可以自定义的，切割后会返回一个数组，数组中不在包含切割符
2. 如果传入的切割符""，每一个字符都会被切散

18.正则表达式(RegExp)

定义:定义字符串中【字符出现规则】的表达式使用场景:字符串的切割/替换/验证使用规则:

最简单的正则:/关键字原文/ig i:忽略大小写;g:全部,替换时默认只会替换匹配到的第一个关键字
备选字符集:一个规定一位
- 使用场景:关键字有多种情况时
- 语法:/[备选字符集]/
- 问题:正则默认只要满足后,就不再管后续操作,后续用户可以恶意输入
- 解决:只要是做验证,从头到尾都要按正则输入,/^[备选字符集]$/
- 特殊:
  - 如果备选字符集种有部分unicode号是连续的,则可用-省略掉中间部分,比如:
    - 一位数字：[0-9]
    - 一位字母：[A-Za-z]
    - 一位数字、字母、下划线：[0-9A-Za-z_]
    - 一位汉字：[\u4e00-\u9fa5]
  - 除了xxx之外，其他都可以
    - 语法:[^xxx]
预定义字符集:已经提前定义的常用字符集
- 一个数字：\d
- 一位数字、字母、下划线：\w
- 一位空白字符：\s
- 一位除了换行外的任意字符：.
- 注意:开发时优先使用预定义字符集，预定义字符集满足不了，再用备选字符集补充
量词:规定一个字符集出现的次数
- 有明确数量:
  - 字符集{n,m}：前边相邻的字符集最少出现n次，最多出现m次
  - 字符集{n,}：前边相邻的字符集最少出现n次，多了不限
  - 字符集{n}：前边相邻的字符集必须出现n次
- 无明确数量
  - 字符集?：前边相邻的字符集，可有可无，最多一次
  - 字符集*：前边相邻的字符集，可有可无，多了不限
  - 字符集+：前边相邻的字符集，至少一次，多了不限
指定匹配位置
- ^：以xxxxx开头
- $：以xxxx结尾
- 如果同时使用了，前加^后加$，从头到尾完全匹配(验证必用)
选择和分组
- 选择:可以再多个条件中选择一个
  - 语法:规则1|规则2
- 分组:选择和分组一般来说都是需要搭配使用的 - 添加了子规则
  - 语法:(规则1|规则2)
预判
- 目的:设置密码强度
- 使用案例:
  - /^(?![0-9]+ $)$ / - 不能全由数字组成
  - /^(?![A-Za-z]+ $)$ / - 不能全由大写组成，也不能全由小写组成，也不能由大写和小写的组合组成

//4-6位密码，可以输入字母数字，但是必须要有一位大写和一位数字的组合
 var reg=/^(?![0-9a-z]+$)(?![A-Za-z]+$)[0-9A-Za-z]{4,6}$/
//4-6位密码，可以输入字母数字，但是必须要是3者的组合
 var reg=/^(?![0-9a-z]+$)(?![A-Za-z]+$)(?![0-9A-Z]+$)[a-zA-Z0-9]{4,6}$/;

字符串中支持正则的API

切割 var arr=str.split("固定切割符"/RegExp);
替换

基本替换法:
- 语法:str=str.replace(/正则表达式/gi,"新内容")
- 注意:替换时，不要前加^后加$，因为不需要完全匹配，只需要找到关键字做替换而已，想要替换所有的一定要加后缀g
- 问题:替换的新内容是固定的
高级替换法:
- 语法:str=str.replace(/正则表达式/g,function(key,i,str){return key.length==2?"XX":"XXX";});
- 注意:
  - 此回调函数会自动调用，找到几个关键字就会执行几次
  - key为当前次正则匹配到的关键字
  - i为当前次正则匹配到的关键字的下标
  - str为原文本身
格式化
- 如果替换时，正则中，带有分组，那么你的回调函数会得到更多的形参

   		var str="500103198602215933";
   		var reg=/\d{6}(\d{4})(\d{2})(\d{2})\d{4}/;
   		str=str.replace(reg,function(key,a,b,c,i,str){
//				console.log(key);//正则匹配到的内容
//				console.log(a);//第一个分组匹配到的内容
//				console.log(b);//第二个分组匹配到的内容
//				console.log(c);//第三个分组匹配到的内容
//				//...		   你有多少个分组就会多出多少个形参，但是最后两个一定是下标和原文
//				console.log(i);
//				console.log(str);
   			return a+"年"+b+"月"+c+"日";
   		})
   		console.log(str);

正则对象
- 创建:
  - 直接量方式：var reg=/正则表达式/后缀;
  - 构造函数方式：var reg=new RegExp("正则表达式","后缀");
- 方法:
  - 验证:var bool=reg.test("用户输入的东西");//结果为true/false

19.Math

定义:专门用于提供数学计算的API(浏览器自带,无需创建) 属性：Math.PI(圆周率) API:

数字取整：3种
- 上取整：只要超过，就会取下一个整数 Math.ceil(num); - 小数位数不能超过15位，超过后会失效
- 下取整：无论超过多少，都省略小数部分 Math.floor(num);
- 四舍五入取整：只看第一位小数 Math.round(num);
- 以上三个只能取整，不能指定保留小数位数
  - 推荐：num.toFixed(d);
  - d可以指定保留小数位数，而且也具有四舍五入的功能
  - 缺陷：返回的是一个字符串，建议搭配上一parseFloat使用 ==笔试题==：封装自定义一个函数，按照任意小数位数四舍五入，返回数字类型，不允许使用toFixed

   function dy(num,d){
     num*=Math.pow(10,d);
     num=Math.round(num);
     num/=Math.pow(10,d);
     return num;
   }	
   var result=dy(Math.PI,3);
   console.log(result)

乘方和开方：
- 乘方：Math.pow(底数,指数);
- 开方：Math.sqrt(num);
最大值和最小值：
- var max/min=Math.max/min(num1,num2,.....);
- 可以获取出传入的参数种最大或最小的值
- 问题：不支持传入数组参数，比较数组的最大值和最小值
- 解决：Math.max/min.apply(Math,arr); 其实apply借用方法,打散数组,将每个元素单独传入(ES5新特性) ==笔试题==：比较出数组中最大值/最小值（2个方法）
绝对值:
- Math.abs(num);
随机数：
- Math.random() - 取值范围[0,1)的随机小数
- 在min~max之间取随机整数的公式 parseInt(Math.random()*(max-min+1)+min);
- 如果你的最小值是0 parseInt(Math.random()*(max+1));
Math另外还提供了三角函数等方法

20.Date

定义:封装了一个事件对象，提供了对时间进行操作的API的对象使用场景：只要计算时间，就必须用Date对象使用规则:

创建：4种
1. 创建一个日期对象，获取客户端当前时间
  - var now=new Date();
2. 创建一个自定义时间：
  - var birth=new Date("yyyy/MM/dd hh:mm:ss");
  - var birth=new Date(yyyy,MM-1,dd,hh,mm,ss);(取值范围：MM：0~11 月份需要修正)
3. 复制一个日期对象
  - 日期对象的API都是直接修改原日期对象的，无法获得修改之前的日期
  - 使用场景：如果你希望同事获得修改前和修改后的两个日期，则应该先复制一份，然后再去修改其中一份
  - var end=new Date(start);
操作：
1. 拿着两个日期对象可以相减，你会得到一个毫秒差，通过毫秒差换算出你想要的任何一部分
2. API操作：分量(时间单位) 年月日星期：FullYear Month Date Day 时分秒毫秒：Hours Minutes Seconds Milliseconds
  - 每个分量都有一对儿getXXX/setXXX 特殊：Day：没有set方法
  - 取值范围： FullYear：就是当前年份的数字 Month：0~~11，计算机中的月份比现实-1 Date：1~~31 Day：0~~6：0代表星期天，外国人的眼里，星期天是一个星期的第一天 Hours：0~~23 Minutes、Seconds：0~59
3. 日期看上去像一个字符串一样黑色的，但是日期对象和字符串能用的API不同，而且日期对象很聪明，会自动进制建议：对一个日期的某个分量做计算 date.setXXX(date.getXXX()+/-n); 如: +10分钟 ==>date.setMinutes(date.getMinutes+10);
日期格式化：
- date.toLocaleString();
- 会转为一个本地日期格式的【字符串】，虽然不能自动进制，也不能用日期的API，但是可以用字符串的API了
- 问题:兼容，老IE输出的和主流浏览器输出的东西不一样
- 解决：自定义format函数 (创建变量保存getFullYear、Month、Date、Day、Hours、Minutes、Second、MilliSeconds,再拼接字符串输出)

21.错误对象(Error)

浏览器自带4种错误类型(帮助开发者快速找到错误)
- SyntaxError - 语法错误：一定是符号/语法写错
- ReferenceError - 引用错误：没有创建的东西，你就去使用了
- TypeError - 类型错误：不属于自己的属性和方法，你却去使用了
- RangeError - 范围错误：只有一个API会遇到，num.toFixed(d);//d必须在0~100之间
错误处理
- 目的:当程序发生错误时，保证程序不会异常中断的机制
- 原因：程序默认只要碰到错误就会停止/闪退，用户体验感差
- 如何错误处理： try{ 可能发生错误的代码 }catch(err){ 发生错误时才会执行，err形参会自动得到错误的信息，英文的建议你自己在加上中文错误描述 }
- 问题:放在try中的代码，效率都会被降到最低(性能差)
- 解决：完全可以用if...else 代替 try...catch，所有异常都可以提前预判
- 需要经验的累积：一切客户端都是坏人，都要防他一手：1、if...else... 2、!isNaN 3、【正则验证】
抛出自定义错误/异常：
- throw new Error("自定义文字");

22.面向对象开发

三大特点：封装、继承、多态

==面试题==：简单的说一下你了解的面向过程和面向对象开发方式的区别？面向过程：开始->经过->结束，我们从开始到现在学习写法的一直都是面向过程一个人：出生->成长->工作->结婚->死亡面向对象：对象（属性和方法），如果这个世界有各种属性和各种方法，但是连一个对象/生物都没有，那这些东西就没有具体的意义我们把所有的代码全部包含在一个对象中来进行描写，才更符合现实生活一个人：属性：身高、体重、姓名、性别方法：吃饭、睡觉、玩耍

封装/定义/创建对象的三种方式

直接量方式： var obj={ "属性名":属性值, ... "方法名":function(形参){函数体}, ... };

强调：
1. 属性名和方法名的引号其实是可以省略的，但是不建议，因为以后我们会学习一种数据格式叫做JSON，要求属性名和方法名的【双引号】不能省略
2. 如何访问对象的属性和方法
  - *对象名.属性名; === 对象名["属性名"]
  - *对象名.方法名(); === 对象名"方法名" JS中万物皆对象，除了undefined和null，一切对象的底层都是hash数组
  - 特殊:
    1. 访问到不存在的属性，返回undefined
    2. 可以随时随地添加不存在的属性和方法
3. 希望获取到对象之中所有的东西：遍历对象：for in循环 for(var i in obj){ obj[i]; }
4. 如果你希望在对象的方法内部使用对象自己的属性，我们需要写为this.属性名; this指向：
  - 单个元素绑定事件this->这个元素
  - 多个元素绑定事件this->当前元素
  - 函数中this->谁在调用此函数this指向就是谁
  - 定时器中this->window
  - 箭头函数this->外部对象
  - 自定义构造函数中出现this->你当前正在创建的对象

预定义构造函数方式：垃圾 var obj=new Object();//空对象 obj.属性名=属性值; obj.方法名=function(){};

以上两种创建方式有一个缺点：仅仅适合创建单个对象，如果创建多个对象，代码冗余度太高

自定义构造函数方式:(专门为创建多个对象准备的)
1. 创建构造函数 function 类名(name,age,hobby,...){ this.name=name; this.age=age; this.salary=salary; ... }
2. 调用自定义构造函数创建出对象 var obj=new 类名(实参,...);

面向对象开发方式的好处： 1、特地把每一块功能分开写 - 哪怕不需要注释，也便于以后维护！ 2、铁索连舟 - 更符合现实生活 3、所有东西都包含在一个对象之中 - 更符合现实生活