静态方法

最新推荐文章于 2023-12-18 17:55:00 发布

非线性定语从句

最新推荐文章于 2023-12-18 17:55:00 发布

阅读量163

点赞数

分类专栏：静态方法文章标签： jquery

本文链接：https://blog.csdn.net/weixin_44492275/article/details/106838168

版权

静态方法专栏收录该内容

1 篇文章 0 订阅

订阅专栏

each和forEach

<script>
    var arr = [1,3,5,7,9];
    var obj = {//伪数组
        0:1,
        1:2,
        2:3,
        3:4,
        length:4
    };
    arr.forEach(function(value,index){
        //原生js第一个参数为当前元素  第二个是当前索引 
        console.log(value,index);
    })
    // obj.forEach(function(value,index){
           //原生js的forEach不能遍历伪数组  就是说在原生js中只有真正的数组内才有forEach方法
    //     console.log(value,index);
    // })
    $.each(arr,function(index,value){
        //jQuery  第一个参数为要遍历的数组
        //第二个参数是个每遍历一个元素后执行的回调函数  
        //回调函数的参数第一个参数为当前索引  第二个是当前元素 
        console.log(index,value);
    });
    $.each(obj,function(index,value){
        //jQuery的each方法可以遍历伪数组
        console.log(index,value);
    });
</script>

静态函数map方法

<script>
    var arr = [1,3,5,7,9];
    var obj = {//伪数组
        0:1,
        1:2,
        2:3,
        3:4,
        length:4
    };
    arr.map(function(value,index,array){
        //第一个参数当前元素  第二个当前索引 第三个当前被被遍历的数组
        console.log(value,index,array);
    })
    // obj.map(function(value,index,array){
    //     //原生js的map不能遍历伪数组
    //     console.log(value,index,array);
    // })

    $.map(arr,function(index,value){
        //jQuery  第一个参数为要遍历的数组
        //第二个参数是个每遍历一个元素后执行的回调函数  
        //回调函数的参数第一个参数为当前索引  第二个是当前元素 
        console.log(index,value);
    });
    $.map(obj,function(index,value){
        //jQuery的map方法可以遍历伪数组
        console.log(index,value);
    });
</script>

each和map的区别

<script>
    var arr = [1,3,5,7,9];
    var obj = {//伪数组
        0:1,
        1:2,
        2:3,
        3:4,
        length:4
    };
    var res = $.map(obj,function(index,value){
        //jQuery的map方法可以遍历伪数组
        console.log(index,value);
    });
    var res2 = $.each(obj,function(index,value){
        //jQuery的each方法可以遍历伪数组
        console.log(index,value);
    });
    console.log(res);
    console.log(res2);
    //区别
    //each静态方法的返回值就是遍历谁返回谁  不支持在回调函数中用return 不支持在回调函数中对遍历的数组进行处理
    //map静态方法的返回值默认是空数组   支持在回调函数中用return  支持在回调函数中通过return对遍历的数组进行处理 返回新生成的数组
</script>

静态方法holdReady

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="../jQuery/jquery-1.12.4.js"></script><!-- 引入jQuery库 -->
<script>
    $.holdReady(true);//jQuery中的holdReady的作用：在括号内为true时 暂停ready执行 就是暂停入口函数  
    $(document).ready(function () {
        alert('ready')
    })
</script>
<body>
    <button>ready</button>
</body>
<script>
    var btn = document.getElementsByTagName('button')[0];
    btn.onclick = function () {
        $.holdReady(false);//括号传入false就是恢复入口函数的执行
    }
</script>
</html>

jQuery中一些其他静态方法

<script>
    var fn = function(){};//函数
    var w = window;//window对象
    var arr = [1,3,5,7,9];//数组
    var arrlike = {//伪数组
        0:1,
        1:2,
        2:3,
        3:4,
        length:4
    };
    var obj = {//对象
        'name':'inj',
        age:'33'
    }
   
    //trim   trim是jQuery中用于去除字符串中空格的方法 括号内传入需要处理的字符串 处理完后会返回处理后的字符串
    var str = ' lnj ';
    var str = $.trim(str);  
    console.log('-----' + str + '-----');

    //isWindow  判断传入的对象是不是window 返回值为布尔值 true就是window false就不是
    console.log($.isWindow(arr));
    console.log($.isWindow(arrlike));
    console.log($.isWindow(obj));
    console.log($.isWindow(fn));
    console.log($.isWindow(w));

    //isArray  判断传入的是不是真的是数组  返回值为布尔值 true就是真数组 false就不是(伪数组也是false)
    console.log($.isArray(arr));
    console.log($.isArray(arrlike));
    console.log($.isArray(obj));
    console.log($.isArray(fn));
    console.log($.isArray(w));

    //isFunction  同上 用于判断函数  注意jQuery的本质是个函数 所有isFunction判断jQuery为true
    //jQuery的所有内容都是包含在一个匿名函数中的
    console.log($.isFunction(fn));
    console.log($.isFunction(w));
</script>

静态方法和实例方法

<script>
    function AClass(){
    }
    //静态方法
    AClass.staticMethod = function(){  //直接给类添加的就是静态方法 不是给对象
        alert('xxxx')
    }
    AClass.staticMethod();
    //实例方法
    AClass.prototype.instanceMethod = function(){//通过类的prototype(类的原型)创建的为实例方法  要用该类创建的对象调用
        alert('zzzz')
    }
    var a = new AClass();
    a.instanceMethod();
</script>