blocks|key|2780772|text|只需声明以对象为参数的函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2780773|function+myFunction(obj)+{
++++if(obj.displayName)+{
++++//+do+something+with+obj.displayName
++++}

++++//+....
}|code-block|syntax|javascript|2780774|你可以按你说的那样称呼它：|2780775|myFunction({
++++displayName:+"My+function+name",
++++editable:+true,
++++displayForm:+false;
});|2780776|即使是这样：|2780777|myFunction({
++++editable:+true,
++++displayForm:+false;
});|2780778|为了测试作为参数传递的对象中是否存在属性，只需像我所做的那样放置测试：obj.myProperty。|offset|length|style|CODE|2780779|另一点是，您可以在$.extend中放置默认值：|2780780|function+myFunction(obj)+{
++++var+myDefaults+=+{
++++++++displayName:+"My+default+name",
++++++++editable:+false
++++};

++++//+Fill+`obj`+with+the+missing+values+that+have+to+be+supplied
++++//+and+that+we+take+in+`myDefaults`
++++$.extend(obj,+myDefaults);

++++//+...
}|2780781|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jquery.extend/^0|0|0|0|0|0|0|Z|E|0|9|8|9|8|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|17|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|18|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|19|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|1B|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1C|8|@$Q|1D|R|1E|S|T]]|9|@]|A|$]]|$1|U|3|V|5|6|7|1F|8|@$Q|1G|R|1H|S|T]]|9|@$Q|1I|R|1J|1|1K]]|A|$]]|$1|W|3|X|5|D|7|1L|8|@]|9|@]|A|$E|F]]|$1|Y|3|-4|5|6|7|1M|8|@]|9|@]|A|$]]]|Z|$10|$5|11|12|13|A|$14|15]]]]

Just declare your function taking an object as the argument :

<pre><code>function myFunction(obj) {
 if(obj.displayName) {
 // do something with obj.displayName
 }

 // ....
}
</code></pre>

And you can call it as you indicated :

<pre><code>myFunction({
 displayName: "My function name",
 editable: true,
 displayForm: false;
});
</code></pre>

or even with this :

<pre><code>myFunction({
 editable: true,
 displayForm: false;
});
</code></pre>

In order to test if a property exists in your object passed as the argument, just put the test as I have done : <code>obj.myProperty</code>.

Another point is that you can put default values with <a href="http://api.jquery.com/jquery.extend/" rel="nofollow"><code>$.extend</code></a> :

<pre><code>function myFunction(obj) {
 var myDefaults = {
 displayName: "My default name",
 editable: false
 };

 // Fill `obj` with the missing values that have to be supplied
 // and that we take in `myDefaults`
 $.extend(obj, myDefaults);

 // ...
}
</code></pre>

blocks|key|1527932|text|你没有理由不能做你想做的事情，只是让你的函数期望一个对象文字：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1527933|function+MyFunction(o){
++++//+Do+whatever+you+need+to+do+with+your+object+properties,
++++//+like+set+some+corresponding+scoped+variables.
++++//+0+would+be+their+default+values,+change+as+appropriate.
++++var+displayName+=+o.displayName+%7C%7C+0,
++++++++editable+=+o.editable+%7C%7C+0,
++++++++displayForm+=+o.displayForm+%7C%7C+0;
}|code-block|syntax|javascript|1527934|那就按你想要的称呼吧：|1527935|myFunction({
++++displayName:+"My+function+name",
++++editable:+true,
++++displayForm:+false;
});|1527936|为了记录在案，这里没有jQuery功能。这都是香草JavaScript。|1527937|1527938|注意，如果您使用的是jQuery，那么在使用$.isPlainObject(o)执行功能之前，可以检查该参数实际上是一个对象文本。|offset|length|style|CODE|1527939|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jquery.isplainobject/^0|0|0|0|0|0|0|M|I|M|I|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|12|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|13|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|15|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|17|8|@$P|18|Q|19|R|S]]|9|@$P|1A|Q|1B|1|1C]]|A|$]]|$1|T|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|U|$V|$5|W|X|Y|A|$Z|10]]]]

There is no reason why you can't do what you are asking, just have your function expect an object literal:

<pre><code>function MyFunction(o){
 // Do whatever you need to do with your object properties,
 // like set some corresponding scoped variables.
 // 0 would be their default values, change as appropriate.
 var displayName = o.displayName || 0,
 editable = o.editable || 0,
 displayForm = o.displayForm || 0;
}
</code></pre>

Then call it how you wanted:

<pre><code>myFunction({
 displayName: "My function name",
 editable: true,
 displayForm: false;
});
</code></pre>

For the record, there is no jQuery functionality here. This is all vanilla JavaScript.

<hr>

Note, if you are using jQuery, you could check that the parameter is in fact an object literal before going on to carry out functionality, with <a href="http://api.jquery.com/jquery.isplainobject/" rel="nofollow"><code>$.isPlainObject(o)</code></a>.

blocks|key|1533394|text|jQuery扩展|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1533395|jQuery.fn.extend({
++++zigzag:+function+()+{
++++++++var+text+=+$(this).text();
++++++++var+zigzagText+=+'';
++++++++var+toggle+=+true;+//lower/uppper+toggle
++++++++++++$.each(text,+function(i,+nome)+{
++++++++++++++++zigzagText+%2B=+(toggle)+?+nome.toUpperCase()+:+nome.toLowerCase();
++++++++++++++++toggle+=+(toggle)+?+false+:+true;
++++++++++++});
++++return+zigzagText;
++++}
});

console.log($('#tagline').zigzag());
//output:+#1+jQuErY+BlOg+fOr+yOuR+DaIlY+NeWs,+PlUgInS,+tUtS/TiPs+&amp;+cOdE+SnIpPeTs.

//chained+example
console.log($('#tagline').zigzag().toLowerCase());
//output:+#1+jquery+blog+for+your+daily+news,+plugins,+tuts/tips+&amp;+code+snippets.|code-block|syntax|javascript|1533396|有关更多参考资料，您可以查看：http://www.sitepoint.com/5-ways-declare-functions-jquery/|offset|length|1533397|entityMap|0|LINK|mutability|MUTABLE|url|http://www.sitepoint.com/5-ways-declare-functions-jquery/^0|0|0|F|1L|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

jQuery Extension 

<pre><code>jQuery.fn.extend({
 zigzag: function () {
 var text = $(this).text();
 var zigzagText = '';
 var toggle = true; //lower/uppper toggle
 $.each(text, function(i, nome) {
 zigzagText += (toggle) ? nome.toUpperCase() : nome.toLowerCase();
 toggle = (toggle) ? false : true;
 });
 return zigzagText;
 }
});

console.log($('#tagline').zigzag());
//output: #1 jQuErY BlOg fOr yOuR DaIlY NeWs, PlUgInS, tUtS/TiPs &amp;amp; cOdE SnIpPeTs.

//chained example
console.log($('#tagline').zigzag().toLowerCase());
//output: #1 jquery blog for your daily news, plugins, tuts/tips &amp;amp; code snippets.
</code></pre>

For more references you can check : <a href="http://www.sitepoint.com/5-ways-declare-functions-jquery/" rel="nofollow">http://www.sitepoint.com/5-ways-declare-functions-jquery/</a>

blocks|key|1533403|text|{}只是对象的缩写。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1533404|以这个例子为例|1533405|var+person+=+{firstName:"John",+lastName:"Doe",+age:46};|code-block|syntax|javascript|1533406|如果将它作为未命名的对象传递给函数，则可以从中选择我们的值。例如：|1533407|function+myFunc(+myArg+){
++++alert(+myArg.firstName+);
}|1533408|然后用它|1533409|myFunc({firstName:"John",+lastName:"Doe",+age:46});|1533410|entityMap^0|0|2|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|12|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|13|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|U|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|V|$]]

The <code>{}</code> is just shorthand for an object.

Take this example 

<pre><code>var person = {firstName:"John", lastName:"Doe", age:46};
</code></pre>

If you pass that as an unnamed object to a function, you can pick our the values from that. For example:

<pre><code>function myFunc( myArg ){
 alert( myArg.firstName );
}
</code></pre>

and call it with

<pre><code>myFunc({firstName:"John", lastName:"Doe", age:46});
</code></pre>

blocks|key|2780884|text|如果您只是将对象作为参数传递给函数，它将正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2780885|test({a:"TestA",+b:"TestB"});

function+test(object)
{
++++alert(object.a);
++++alert(object.b);
}|code-block|syntax|javascript|2780886|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

It's is working properly if you just pass your object as parameter to the function.

<pre><code>test({a:"TestA", b:"TestB"});

function test(object)
{
 alert(object.a);
 alert(object.b);
}
</code></pre>

I would like to know how to create jquery function that I could then call with parameters name and value declared in it.

Instead of giving in correct order variables to function like this:

<pre><code>myFunction("My function name",true,false);
</code></pre>

I would like to give to function something like that:

<pre><code>function({
 displayName: "My function name",
 editable: true,
 displayForm: false;
})
</code></pre>

where order of parameters dosnt matter, cause I am giving it by theier name.

I've saw that configuration in every jquery lib (jqPlot,JqGrid,noty etc.)
Here is example:

<pre><code>$(document).ready(function(){
 var plot1 = $.jqplot('chart1', [cosPoints], { 
 series:[{showMarker:false}],
 axes:{
 xaxis:{
 label:'Angle (radians)'
 },
 yaxis:{
 label:'Cosine'
 }
 }
 });
});
</code></pre>

--Edited--

I have my own js function to print trees from json, but I have so much parameters, that it is so hard to read and edit.

Create jquery function

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我想知道如何创建jquery函数，然后可以用其中声明的参数名称和值调用jquery函数。与其按正确的顺序给出这样的函数变量，不如：myFunction("My function name",true,false);我想发挥这样的作用：function({  displayName: "My function name"...

问创建jquery函数
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问创建jquery函数EN