浅谈js中function的参数默认值

 更新时间:2017年02月20日 08:35:35   投稿:jingxian  
下面小编就为大家带来一篇浅谈js中function的参数默认值。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

func(string1,url,flag,icon),然后在另一个asp中调用它func(a,b),那flag和icon的值是什么,怎么定义默认值?谢谢!

--默认值应该是 undefined

在函数内预设数可以用 arguments[i]

i就是你参数的位置 第一个为0

所以要设定 flag 的默认值 则可以这么写

function func(string1,url,flag,icon){
 if(!arguments[2]) flag = "123";
 if(!arguments[3]) icon = "456";
}

你试试 应该是这样

今天遇到一个问题,需要调用一个JS函数,想在函数中给它一个默认参数,以为跟其他语言一样。

<script>
function test(id=0){
 alert(id);
}
</script>
<input type="button" value="test" onclick="test()">

运行结果报错,JS中不能这样传默认参数,上网查了一下,可以借助于arguments 实参数组,参考下例:

<script> 
function test(a){ 
var b=arguments[1]?arguments[1]:50 
return a+':'+b 
} 
alert(test(5)) 
alert(test(5,9)) 
</script> 

跟其他语言的一点小区别。。

--var b=arguments[1]?arguments[1]:50 还可以写做: var b= arguments[1] || 50;

我特别喜欢它这个特性。

--var b= arguments[1] || 50; 这个方法相当精简啊。

以上这篇浅谈js中function的参数默认值就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • ES6 class的应用实例分析

    ES6 class的应用实例分析

    这篇文章主要介绍了ES6 class的应用,结合实例形式分析了class在ES6面向对象程序设计中定义类的相关操作技巧,需要的朋友可以参考下
    2019-06-06
  • Radio 单选JS动态添加的选项onchange事件无效的解决方法

    Radio 单选JS动态添加的选项onchange事件无效的解决方法

    radio 单选JS动态添加的选项,onchange事件无效。使用delegate()函数可以解决该问题,具体解决方案大家通过本文详细了解下
    2016-12-12
  • JavaScript分析、压缩工具JavaScript Analyser

    JavaScript分析、压缩工具JavaScript Analyser

    这篇文章主要介绍了JavaScript分析、压缩工具JavaScript Analyser,需要的朋友可以参考下
    2014-12-12
  • 脚本div实现拖放功能(两种)

    脚本div实现拖放功能(两种)

    本文介绍了脚本div实现拖放功能的两种方法:1.原生拖放实现;2.jQuery UI draggable实现拖放。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • Echarts折线图设置线条颜色及线条以下代码示例

    Echarts折线图设置线条颜色及线条以下代码示例

    最近项目需要,一直在使用Echarts视图,现在遇到一个要修改echarts折线图颜色的需求,下面这篇文章主要给大家介绍了关于Echarts折线图设置线条颜色及线条以下区域渐变颜色的相关资料,需要的朋友可以参考下
    2024-02-02
  • JS+HTML+CSS实现轮播效果

    JS+HTML+CSS实现轮播效果

    这篇文章主要为大家详细介绍了JS+HTML+CSS实现轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • uniapp改变底部安全区顶部手机信号时间电池栏颜色样式

    uniapp改变底部安全区顶部手机信号时间电池栏颜色样式

    这篇文章主要为大家介绍了uniapp改变底部安全区顶部手机信号时间电池栏颜色样式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • 微信小程序文章详情功能完整实例

    微信小程序文章详情功能完整实例

    这篇文章主要介绍了微信小程序文章详情功能,结合完整实例形式详细分析了微信小程序文章详情功能具体步骤、原理及功能实现技巧,需要的朋友可以参考下
    2020-06-06
  • 火狐textarea输入法的bug的触发及解决

    火狐textarea输入法的bug的触发及解决

    在firefox中,如果一个textarea获取焦点,在输入法激活的状态如果这时js将该textarea的value修改,那么该textarea会直接被清空,下面是具体的解决方法,遇到类似问题的朋友可以参考下
    2013-07-07
  • location.hash保存页面状态的技巧

    location.hash保存页面状态的技巧

    hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)。接下来通过本文给大家介绍location.hash保存页面状态的相关内容,感兴趣的朋友一起学习吧
    2016-04-04

最新评论