阿狗工具

这是以前看过的散装网课，总结的散装笔记。看看你还记得住多少？

(1) typeof

可以用typeof 来检测一个变量的类型；语法：typeof 变量；

(2) 数值

JS中便是最大的数：1.79769…e+308，如果使用的值超过了最大值，就会返回一个infinity

将其其他数据类型转化为number型：
使用函数Number（）函数
（1）数字->数字
（2）字符串->数字
都是数字就转化为数字；
有非数字就转化为NaN
空串则转化为0；
（3）布尔值转数字：true1，false0；
（4）null->数字0；
（5）undifined->NaN

• parseInt（）；可以提取一个字符串中的有效数字；（parsefloat）
  如果对非string的对象使用parseint或者parsefloat就会先转换成string再进行操作。

• Boolean（）函数

1. 使用此函数的时候，除了nan和0，其余的都会被换换成true
2. 字符串除了空串其余的都会被转换成true
3. null和undefined都会被转换成false

（3）+

• +可以对两个数值型的对象进行加法运算，并返回结果
• 也可以对两个字符串进行拼串操作
• 任何值和字符串进行加操作都会将其转换成字符串再进行拼串操作//利用这一个特性可以使用number+“”对其进行字符串的转换

（4）- || * || /

• 任何值做- * /运算的时候都会自动将其转换成number
• 可以通过+0 ，*1 ，/1 来将一个值转换成number
• 原理和number（）函数一样，使用起来更加简单

（5）比较

• 任何值和nan进行比较都是false
• 比较两个字符串的时候就是比较两个字符串的字符编码，比较的时候是一位一位进行比较的
• 如果两位一样则比较下一位就，所以可以用它来对英文进行排序
• 如果比较两个字符串类型的数字时一定要进行类型转换否则可能会有不可预期的结果

（6）编码

要在网页中使用Unicode编码
通过实体，&#编码；这里的编码一定要转换成十进制

（7）==

    console.log(1 == 1);//true
    var a = 10;
    console.log(a == 4);//false
    console.log("1" == 1);//true
    console.log(true == "1");//true
    console.log(null == 0);//false
    console.log(null == undefined);//true
    console.log(nan == nan);//false

undefined衍生自null
所以两者进行比较的时候，结果会返回true
nan不和任何值相等，包括它本身

判断一个值是否是nan的方法：isNaN（）函数

    var b = NaN;
    console.log(b == nan);//错误表达
    console.log(isNaN(b));

(8) !=不相等

判断两个值是否不相等

(9) ===全等

用来判断两个值是否全等，他和想等类似，但是两个值如果类型不同就会直接返回false

(10) !==不全等

判断两个值是否不全等

(11)prompt（）函数

可以弹出一个提示框，该提示框中会有一个文本框。
用户可以在文本框中输入一段内容，该函数需要一个字符串类型的变量作为参数
该字符串将会用作提示框中的提示文字；
用户输入的字符会作为返回数值返回

    var score = prompt("请输入成绩");

（12）console.time和console.timeEnd的使用方法

是常用的测试一个JavaScript脚本运行耗时的常用函数

    //启动计时器
    console.time(test);
    //.......测试代码............
    //结束计时器
    console.timeEnd(test);

(13)in运算符

• 通过该运算夫可以检测一个对象中是否含有指定的属性值

    var obj = {
        name : "hahaha";
        age : 123;
        sex : "unknown";
    }
    console.log("name" in obj);

(14)this

• 解析器再调用函数每次都会向函数内部传入一个隐含参数
• 这个隐含参数就是this，this指向的是一个对象
• 这个对象我们称之为函数执行的上下文对象
• 根据函数的调用不同，this会指向不同的对象

1. 以函数的形式调用，this永远都是windows
2. 以方法的形式调用，this指向当前对象

    function fun（）
    {
        console.log（“haha”）；
    }
    var obj = {
        name : "hahaha"，
        age : 123，
        sex : "unknown"，
        funt：fun（）
    }；

(15)使用工厂方法创建对象

使用的构造函数都是object，导致无法区分多种对象

    //创建大量类似对象
    function createPerson(name,age){
        var obj new Object();
        obj.name = name;
        obj.age = age;
        obj.sayname = function(){
            alert(this.name);
        }
        retuen obj;
    }
    var obj = createPerson("hhh",18);

(16)构造函数

• 创建方式与普通函数没有区别，只是调用方式有区别，需要用new关键字来调用
  1.立即创建一个新的对象
  2.将新建的对象设置为函数中的this，在构造函数中可以使用this来引用新建的对象
  3.执行函数中的代码
  4.将创建的对象作为返回值返回
  new创建的对象称之为实例；

    function person（name，age）{
        this.name= name；
        this.age= age；
    }
    function dog（）{

    }
    var dogg = new dog（）；
    var per = new person（）；

//使用instanceof可以检测一个对象是否是一个类的实例
    //语法：
        //对象 instanceof 构造函数
    console.log(per instanceof person);//true
    console.log(per instanceof Object);//true

(17)构造函数修改

• 创建一个person构造函数
• 在person构造函数中，会为每一个对象添加一个sayname方法
  这样就导致内存的浪费；
  解决方法：将函数定义在全局中；但是会污染全局作用域空间。

    function person（name，age）{
        this.name= name；
        this.age= age；
        this.sayname = fun;
    }
    function fun(){
        alert("hello,"+this.name);
    }

(18)原型prototype

• 我们每创建一个函数，解析器都会像函数中添加一个属性prototype
• 这属性对应着一个原型对象
• 如果函数用作普通函数时没有任何作用；
• 当函数以构造函数调用时，他创建的每一个对象都会有一个隐含的属性
  我们可以通过_proto_来访问该属性

(19)concat（）方法，连接两个或者多个数组元素并将新的数组返回

• 该方法不会对原数组产生影响

    var result = arr.concat(arr1,arr2,arr3,"hahaha","hohoho");

(20)join(),可以将数组转换成字符串

• 该方法不会对原数组产生影响，只会返回新值
• 在join方法中可以提供一个字符串作为参数，这个字符串会作为数组元素的连接符
• 默认值就是“，”

(21)reverse（）可以见数组反转

• 该方法会直接改变原数组的顺序

(22)sort（）

• 可以对数组中的元素排序，按照Unicode排序
• 会影响原数组
• 不能用作数字的排序会得到错误的结果

(23)包装类

• JS中提供了三个包装类：通过这三个包装类可以将基本数据类型转换成对象
  • string（）
  • number（）
  • Boolean（）

    var num = new Number(3);//不常用
    console.log(typeof num);

(24)在底层字符串以字符数组保存。

• charat（）可以返回字符串中指定的字符

• charcodeat（）返回对应字符的unicode编码

• fromcharcode（）可以根据字符编码去获取字符//String.fromcharcode（72）；

• concat（） 可以连接两个或者多个字符串，作用和+一样

• indexof（）检索一个字符串是否含有指定字符，并返回其第一次出现的索引；

  • 如果没有找到指定的内容则返回-1
  • 第二个参数表示起始索引位置

• lastindexof（）用法和indexof一样但是lastindexof是从后开始索引

• slice（）可以截取指定内容

  • 不会影响原内容
  • 第一个参数为开始位置，第二个参数为结束位置（含头不含尾）
  • 可以是负数

• substring（）可以用来截取字符串和

  • slice（）类似
  • 第一个参数为开始位置，第二个参数为结束位置（含头不含尾）
  • 不能接受负值，如果传递了一个负数，就会自动将其转换成0
  • 如果第二个参数比第一个参数小，就会自动将其的位置转换

• substr（）可以用来截取字符串

  • 第一个参数截取开始位置
  • 第二个参数截取字符数

• split（）
  可以将一个字符串转换成一个数组
  需要一个字符串作为参数，会根据该字符串去拆分数组

• touppercase（）将一个字符串转换成大写

• tolowercase（）将一个字符串转换成小写

(25)正则表达式用于定义字符串的规则，计算机将符合规则的内容提取出来

• 创建正则表达式
  //语法：var reg = new RegExp("正则表达式","匹配模式");
  //正则表达式的方法test（），可以检测是否符合正则表达式的规则
  var reg = new RegExp("a");//是否含有a，严格区分大小写；

       var str = "a";
       var result = reg.test(str);//true

匹配模式i，g
i:忽略大小写
g:全局匹配模式
//用字面量创建正则表达式
var reg = /a | b/i; //检查一个字符串是否含有a或者b
[ab] == a|b//[]也表示或
[a-z] //表示任意小写
[0-9] //表示任意数字
/a[bde]c/ //表示abc|adc|aec
[^ab] //表示出了ab以外的都可

• split（）根据所给的字符串作为参数去拆分字符串
  方法中还可以一传入一个正则表达式作为拆分的条件。

        var str = "1a2b3c4d5e6f";
        var result = str.split(/[a-z]/i);

• search()可以搜索字符串中是否含有指定字符串内容
  • 如果搜索到指定内容则会返回第一次出现的索引位置，如果没有搜索到指定的内容则会返回-1
  • 即使设置了全局搜索仍然是只能返回到第一个出现索引的位置。
  • 方法中还可以一传入一个正则表达式作为搜索的条件。

        var str = "1a2b3c4d5e6f";
        var result = str.search(/a[bde]c/);

• match（）可以根据一个正则表达式，从一个字符串中将符合条件的内容提取出来
  • 默认情况下我们的match只会找到第一个符合要求的内容，找到以后就会停止检索。
    我们可以设置正则表达式为全局匹配模式，这样就会检测出所有的内容
  • 会将结果返回到一个数组中返回

        var str = "1a2b3c4d5e6f";
        var result = str.match(/[a-z]/gi);   //a,b,c,d,e,f

• replace（）可以将字符串中的指定内容转换成新的内容。
  • 第一个参数为被替换的内容；第二个参数为新的内容
  • 默认情况下只会替换第一个
  • 第一个参数可以是一个正则表达式

        var str = "1a2b3c4d5e6F";
        var result = str.replace(/[a-z]/gi,@-@);   //1@-@2@-@3@-@4@-@5@-@6@-@