es6 函数默认参数

最新推荐文章于 2024-04-03 11:20:56 发布
最新推荐文章于 2024-04-03 11:20:56 发布
阅读量251 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/turbman/article/details/79053954

当用户未传递参数时，使用默认参数，用户传递了参数，则使用传递的参数

未传递参数

function fun(a,b=5,c=6){
    console.log(a,b,c);//12,5,6
}
fun(12)；

传递了参数
function fun(a,b=5,c=6){
    console.log(a,b,c);//12,22,34
}
fun(12，22，34);







                

        

    

    
  



    



                



	

		

			

				
					
ES6--默认参数

				
			

			

				

					萧墨的博客
				

				

					04-14
					
					1832
					
				

			

		

		

			
				
1. 基本写法    在es6中，给函数参数赋默认值有了简单写法：function fn(x=1, y=7, z=42){    return x + y + z;}fn();//50fn(2);//51在未传参数时，x,y,z默认使用1, 7, 42，当传入参数时，就使用传入的参数，就完成了给函数赋默认值的作用。此外还有一种写法：function fn(x=1, y=x + 7, z=42){ ...

			
		

	



                

            
              



	

		

			

				
					
深入浅出ES6新特性之函数默认参数和箭头函数

				
			

			

				

					09-01
				

			

		

		

			
				
主要介绍了深入浅出ES6新特性之函数默认参数和箭头函数 的相关资料,需要的朋友可以参考下

			
		

	



              


  
              

                


	

		

			

				
					
ES6中参数的默认值语法介绍

				
			

			

				

					11-29
				

			

		

		

			
				
前言
在ES6如果函数参数没有值或未定义的，默认函数参数允许将初始值初始化为默认值。下面来看看详细的介绍吧。
语法


function [name]([param1[ = defaultValue1 ][, ..., paramN[ = defaultValueN ]]])
{
 statements
}
描述

在JavaScript中，函数默认参数定义。然而，在某些情况下，设置不同的默认值可能是有用的。这是默认参数可以帮助的地方。
在过去，设置默认值的一般策略是在函数体中测试参数值，如果它们是未定义的就分配一个值。如果在下面的例子中，在调用过程中b没有提供值，它的值将是undefined

			
		

	





	

		

			

				
					
ES6中函数的默认参数

				
			

			

				

					weixin_44283589的博客
				

				

					08-29
					
					837
					
				

			

		

		

			
				
函数的length属性获取的是函数的参数个数。4.有默认值的函数的length属性。1、ES6可以给函数参数提供默认值。3.有默认值的形参最好放到最后。2、对象参数和默认值以及解构。ES5以及之前给参数默认值。...

			
		

	



		

			
		



	

		

			

				
					
ES6——默认参数

				
			

			

				

					weixin_54362381的博客
				

				

					06-19
					
					699
					
				

			

		

		

			
				
函数扩展之默认参数:
1、函数的形参可以设置默认值，默认值可以与前一个参数进行相加等运算，但不能和自身或后一个参数进行运算，否则报错；
function add(a, b = 999) {
	console.log(a, b);//1,999
}

2、若函数未传其中的实参，就是使用形参的默认值，反之则取传入的实参；
没有默认值且什么都不传，则返回undefined；
有默认值且什么都不传，则返回默认值
有默认值且传入相应的值，则返回传入的值
function People({ name, age = 38

			
		

	





	

		

			

				
					
ES6函数参数的默认值

				
			

			

				

					m0_67134595的博客
				

				

					10-21
					
					2659
					
				

			

		

		

			
				
ES6函数参数的默认值

			
		

	





	

		

			

				
					
ES6之函数的默认参数

				
			

			

				

					一叶之秋的博客
				

				

					12-16
					
					522
					
				

			

		

		

			
				
8、函数的默认参数
function showInfo(name, age = 17) {
    console.log(name + "," + age)
}
​
// 只有在未传递参数，或者参数为 undefined 时，才会使用默认参数
// null 值被认为是有效的值传递。
showInfo("Amy", 18)  // Amy,18
showInfo("Amy", "")  // Amy,
showInfo("Amy", null)  // Amy, null
showInfo("Amy") 

			
		

	





	

		

			

				
					
ES6 - 默认参数

				
			

			

				

					世界和我们都不该止步于此
				

				

					08-11
					
					458
					
				

			

		

		

			
				
ES6默认参数还是比较简单的，不过这也是必知必会的一个知识点，它的作用就是当一个函数需要传递参数才能执行，但是恰好执行函数时没有给函数传递参数，这就需要一个默认参数才代替执行，这种场景也很常用到，假如这个函数需要一个后端的数据，但是因为某种原因服务器没有给传给我们，那这个函数就会报错或者出现一些奇怪的值，就像下面这样：
为什么是NaN??好了，不卖关子了，我们使用  默认参数  来解决或者问题：
🤔 穿越 ECMAScript2015 该怎么解决？
- - - - - - - - - - - - 方法1（.

			
		

	





	

		

			

				
					
es6 中的默认参数

				
			

			

				

					gaochengyidlmu的博客
				

				

					03-22
					
					752
					
				

			

		

		

			
				
在使用 es6 的默认参数时，发现跟 coffeeScript 的不同，着实把我坑了下。fn 函数中的 date 参数有一个默认时间值。
let fn = async(id , date = moment().format('YYYY-MM'), t){};调用函数时：
fn('1', null, t);想要使用默认值，但是对于 es6 而言，null 会被视作传入了参数，所以在 fn 中的 dat

			
		

	





	

		

			

				
					
ES6 函数参数（默认值的设置，默认值位置，参数作用域），函数的2个属性（name和length），箭头函数的4大注意事项

				
			

			

				

					zz2230633069的博客
				

				

					09-03
					
					1133
					
				

			

		

		

			
				
1.函数参数的默认值

ES5，默认值的写法：


function log(x, y) {
  y = y || 'World';   // 改进为if (typeof y === 'undefined') {  y = 'World';}
  console.log(x, y);
}
log('Hello') // Hello World
log('Hello', 'China') // Hello China
log('Hello', '') // Hello World

ES6 允许为函数的参数设

			
		

	





	

		

			

				
					
ES6之函数参数默认值

				
			

			

				

					枸杞泡茶的博客
				

				

					01-30
					
					263
					
				

			

		

		

			
				
在ES6中新增了函数的参数默认值

在某些需求中函数中的参数可传可不传,为了防止参数为空导致程序出错的话,我们可能会在程序中进行为空的判断,如下


function add(a,b) {
           if (!b) {
               b = 1;
           }
           return a+b;
       }

       console.l...

			
		

	





	

		

			

				
					
ES6参数默认值

					
最新发布

				
			

			

				

					qq_18422039的博客
				

				

					04-03
					
					614
					
				

			

		

		

			
				
2.参数默认值修改了arguments的行为。arguments可以获取到函数参数列表，在严格模式下，修改了形参的值不影响arguments，但是非严格模式下，并且没有参数默认值的时候，修改了形参的值，arguments里对应的值也被修改了。另外arguments.length的取值是实际传给函数的参数个数。3.参数默认值修改了函数的length的行为。但是当函数参数有默认值的时候，函数的length是函数参数第一个默认值前面的参数个数。在let const变量声明之前有一个暂时性死区，是不能使用变量的。

			
		

	





	

		

			

				
					
ES6-函数默认参数和箭头函数

				
			

			

				

					weixin_33691700的博客
				

				

					03-16
					
					146
					
				

			

		

		

			
				
函数的默认参数
在ES5中，我们给函数传参数，然后在函数体内设置默认值，如下面这种方式。
function a(num, callback) {
  num = num || 6
  callback = callback || function (data) {console.log('ES5: ', data)}
  callback(num * num)
}
a() //ES5: 36，不传...

			
		

	





	

		

			

				
					
【ES6基础】默认参数值

				
			

			

				

					前端达人
				

				

					02-17
					
					415
					
				

			

		

		

			
				

  
    
                    

                    

                    
                    
                    开篇今天的内容很简单，小编将会给大家介绍调用函数过程中，如果其中的参数缺失，如何设置默认值。我们都清楚在调用函数的过程中，定义的参数缺失，此参数变量的值则会是undefi...

			
		

	





	

		

			

				
					
ES6函数参数

				
			

			

				

					nidongla的博客
				

				

					06-11
					
					238
					
				

			

		

		

			
				
之前在看Vue2.0的时候，就被很多的箭头函数困扰，一直不知道是怎么回事，虽然箭头函数四个字在我耳边一直转圈，今天小编整理整理箭头函数里面的常见用法和表现形式，在这个Vue3.0已经到来的一段时间，希望大家也可以一起搭上箭头函数的大风飞起来。大家也可以关注我的微信公众号，蜗牛全栈。
一、es5中函数的声明方式


function sum(x,y){
    return x + y
}
console.log(sum(4,5)) // 9

let sum = function(x,y){
    re.

			
		

	





	

		

			

				
					
ES6--函数--函数参数

				
			

			

				

					cmy741741的博客
				

				

					11-15
					
					1053
					
				

			

		

		

			
				
ES6 允许为函数的参数设置默认值，即直接写在参数定义的后面。通常情况下，定义了默认值的参数，应该是函数的尾参数，函数的length属性，将返回没有指定默认值的参数个数



function log(x, y = 'World') {
 console.log(x, y);
}


参数默认值可以与解构赋值的默认值，结合起来使用。



function foo({x, y = 5}) {
 console.log(x, y);
}



ES6 引入 rest 参数（形式为.....

			
		

	





	

		

			

				
					
ES6的默认参数和rest参数

				
			

			

				

					俊刚的博客
				

				

					12-30
					
					1415
					
				

			

		

		

			
				
ES6的默认参数和rest参数为函数的定义和调用提供了更多的灵活性和简洁性。
- 默认参数可以为函数的参数提供默认值，避免因为缺少某些参数而导致错误；
- rest参数可以接收任意数量的参数，并将它们封装成一个数组，使得处理不确定数量的参数更加方便。

			
		

	





	

		

			

				
					
es6 函数的参数

				
			

			

				

					weixin_38834667的博客
				

				

					11-30
					
					283
					
				

			

		

		

			
				
1 参数扩展/数组展开
参数扩展  …
1  function show(a,b){
}
show(1,2,2,23,432)
如果参数过多
function show(a,b,…args){}
多余参数会在…args 中 …args 只放在最后
2 展开数组
arr = [1,2,3]
…arr // 1,2,3
… 加 arr 将数组展开
作用
1.收集剩余参数 （*必须是最后一个）
2.展开...

			
		

	





	

		

			

				
					
ES6函数默认参数值

				
			

			

				

					05-26
				

			

		

		

			
				
在ES6中，我们可以为函数的参数设置默认值。如果我们调用函数时不传递参数，那么就会使用默认值。

下面是一个示例：

```javascript
function greet(name = 'World') {
  console.log(`Hello, ${name}!`);
}

greet(); // 输出 "Hello, World!"
greet('Alice'); // 输出 "Hello, Alice!"
```

在这个例子中，函数`greet`有一个参数`name`，默认值为`'World'`。当我们调用`greet`函数时，如果不传入参数，它会使用默认值`'World'`。否则，它将使用传入的参数值。

需要注意的是，如果我们传递一个`undefined`值给函数，它也会使用默认值，而不是使用`undefined`。例如：

```javascript
greet(undefined); // 输出 "Hello, World!"
```

除了基本数据类型，我们还可以为参数设置默认值为表达式或函数调用的返回值。例如：

```javascript
function greet(name = getDefaultName()) {
  console.log(`Hello, ${name}!`);
}

function getDefaultName() {
  return 'World';
}

greet(); // 输出 "Hello, World!"
```

在这个例子中，我们把`getDefaultName()`函数的返回值作为`name`参数的默认值。当我们调用`greet`函数时，它会调用`getDefaultName()`函数来获取默认值。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值