ajax之全局函数

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