ajax之全局函数

最新推荐文章于 2021-03-24 13:49:08 发布

weixin_34192993

最新推荐文章于 2021-03-24 13:49:08 发布

阅读量97

点赞数

文章标签： javascript ui ViewUI

原文链接：http://www.cnblogs.com/LindaBlog/p/9263829.html

版权

1、全局函数：$.each(array,function(){1,value})，通过$/jQuery直接调用

对象函数：$("#name").val();

jQuery UI:$obj.accordion();--->对象函数；（大多数用到是对象函数）

语法；jQuery.myFunction =function(){}
$.myFunction=function(){}

2、通过extend函数去整合全局函数，便于管理

jQuery.extend({
myFunction:function(){},
myFunction1:function(){}
})

调用：$.myFunction();
$.myFunction1();

3、通过以上方式可以添加多个全局函数，但是代码存在有关命名空间的风险，
每个人定义的方法不同，整合在一起可能会冲突，所以需要定义一个命名空间即
封装到一个方法中去；myPlugin就是方法名

jQuery.myPlugin={
functionOne:function(){},
functionTwo:function(param){}
}

调用：$.myPlugin.functioOne();
$.myPlugin.functionTwo(param);

4、练习
创建一个函数（在自己的命名空间内），完成功能：
接收一个数组作为参数，将数组和求出来并返回。

Query.myPlugin={
functionOne:function(){},
functionTwo:function(param){}

sum:function(array){
var sum =0;
$.each(array,function(i){
sum+=array[i];
});
return sum;
}
}

例子：

1、全局函数（extend函数）

 //定义一个不含参数的全局函数；jQuery相当于$，
        // 但是定义的时候一般都是用它，调用时才用jQuery
//        jQuery.myFunction1 = function(){
//            console.log("hello world");
//        }
//        //含有参数的全局函数
//        jQuery.myFunction = function(msg){
//            console.log(msg);
//        }
//        extend 方法整合全局函数便于管理
        jQuery.extend({
            myFunction1:function(){
                console.log("hello world");
            },
            myFunction:function(msg){
                console.log(msg);
            }
        });

        $(document).ready(function () {
            $.myFunction1();//调用全局函数
            $.myFunction("这个是我传递的参数，你给我打印出来哦！")
        })
    </script>

2、全局函数（命名空间）

3、练习（求和方法多样）

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>命名空间的全局函数</title>
    <script src="js/jquery.min.js"></script>
</head>
<script>
    //创建一个函数（在自己的命名空间内），完成功能：
    //接收一个数组作为参数，将数组和求出来并返回。
    var array = [12, 17, 90, 10, 11, 10];
    //    jQuery.sum = ({
    //        myFunction: function (arr) {
    //            console.log(eval(arr.join('+')));
    //
    //    });
    //    $.sum.myFunction(arr);//调用函数
    //接收一个数组作为参数，将数组和求出来并返回。
    jQuery.myPlugin = {
        sum: function (array) {
            var sum = 0;
//            $.each(array, function (i, value) {
//                sum += value;
//            });
            $.each(array, function (i) {
                sum += array[i];
            });
            return sum;
        }

    }
    console.log($.myPlugin.sum(array));//调用并打印出来
</script>
<body>

</body>
</html>

转载于:https://www.cnblogs.com/LindaBlog/p/9263829.html

weixin_34192993

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajax之全局函数

1、全局函数：$.each(array,function(){1,value})，通过$/jQuery直接调用对象函数：$("#name").val();jQuery UI:$obj.accordion();--->对象函数；（大多数用到是对象函数）语法；jQuery.myFunction =function(){} $.myFunction=function...
复制链接

扫一扫