标签：ES6 console 函数 res 箭头 写法 log

ES6  在ES5的基础上增加了一些新的特性和写法，特别在函数写法上，增加了箭头函数

 

1.正经的函数写法

//普通的传递值的写法
function sum1(x,y) { 
    return x+y; 
} 
 
const res = sum1(2,3); 
console.log(res);
 
 
//传递对象的方式,调用时需要传递一个对象过去
function sum2({x,y,z=10}) {
    console.log(x,y,z);
}
 
 
//调用方式一
sum2({x:2,y:3})
 
//调用方式二
obj = {   
          x:2,
          y:3
       }
 
sum2(obj)

2.常量作为函数名的写法

//直接将返回值赋予常量
const sum2 = function(x,y)
{ 
    return x+y; 
} 
 
//若不写参数，默认返回的整个函数体
function(x,y)
{ 
    return x+y; 
} 
 
//传参的写法，会直接调用函数 --> 这里打印出结果：3
console.log(sum2(1,2))

3.ES6的箭头函数写法

//经典格式： 函数名 = ( 参数 ) => { 方法体 } 
const sum3 = (x,y)=>{ 
    return x+y; 
}
console.log(sum3) 
 
//当方法体只有一行时，花括号可以省略： 
const sum4 = (x,y) => x+y;  
 
console.log(sum4) 
 
//当只有一个参数时，括号可以省略： 
const sum5 = x => { 方法体 }

4.回调函数的写法

//匿名回调函数
success(function(res){
       console.log(res)
})
 
 
//箭头函数回调
success((res) => {
       console.log(res)
})
 
//参数可以为空
success(( ) => {
       console.log("success!")
})
 
 
//简写
success((res) => console.log(res) )

注意：

1. * 箭头函数里是没有this的，只会向上一层寻找（可能是window）
2. * 箭头函数里是没有arguments的
3. * 箭头函数不能作为构造函数
4. * 箭头函数不能定义原型下的方法

 

 

 

 

 

 

 

 

 

 

标签：ES6,console,函数,res,箭头,写法,log
来源： https://www.cnblogs.com/mengdie1978/p/16558359.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。