js 箭头函数

 

1.箭头函数与function定义函数的写法:

 

 //function
function fn(a, b){
    return a + b;
}
//arrow function
var foo = (a, b)=>{ return a + b };

 

        var arrowfn = (a,b)=>{
            return a+b;
        }
        var res = arrowfn(2,3);
        console.log('箭头函数测试结果:' + res);

访问 https://blog.youkuaiyun.com/github_38851471/article/details/79446722 了解更多


getJSON("/post/1.json").then(function(post) {
  return getJSON(post.commentURL);
}).then(function funcA(comments) {
  console.log("resolved: ", comments);
}, function funcB(err){
  console.log("rejected: ", err);
});

getJSON("/post/1.json").then(
  post => getJSON(post.commentURL)
).then(
  comments => console.log("resolved: ", comments),
  err => console.log("rejected: ", err)
);

getJSON("/post/1.json").then(function(post) {
  return getJSON(post.commentURL);

}).then(function funcA(comments) {
  console.log("resolved: ", comments);
}, function funcB(err){
  console.log("rejected: ", err);
});

getJSON("/post/1.json").then(
  post => getJSON(post.commentURL)
).then(
  comments => console.log("resolved: ", comments),
  err => console.log("rejected: ", err)
);

 

 

 

 

### 介绍 JavaScript 箭头函数是 ES6 引入的一种简洁的函数定义方式,具有以下特点: - **简洁的语法**:相较于传统函数,箭头函数的语法更为简洁,减少了代码量,使代码更加易读和紧凑。 - **this 指向特点**:箭头函数没有自己的 `this`,它的 `this` 继承自外层函数,这与传统函数不同,传统函数的 `this` 值取决于函数的调用方式。 - **使用限制**:不能作为构造函数,没有 `arguments` 对象,也不能用作 Generator 函数[^2]。 - **未命名特性**:箭头函数总是未命名的。若需要调用自身,可使用具名函数表达式,也可将其赋值给一个变量来命名[^3]。 ### 使用方法 #### 单参数,单表达式 当箭头函数只有一个参数且函数体只有一个表达式时,可省略 `return` 关键字和花括号 `{}`。 ```javascript // 传统函数 const add = function(a, b) { return a + b; }; // 箭头函数(省略 return 和 {}) const add = (a, b) => a + b; ``` #### 无参数或多参数 - 无参数时,使用空括号 `()` 表示。 - 多参数时,参数必须用括号 `()` 包裹。 ```javascript // 无参数 const sayHi = () => console.log('Hi!'); // 多参数(必须加括号) const multiply = (a, b) => a * b; ``` #### 多行函数体 若函数体包含多行代码,需使用花括号 `{}` 包裹,并且需要显式使用 `return` 语句返回值。 ```javascript const sumAndLog = (a, b) => { const result = a + b; console.log(result); return result; }; ``` #### 返回对象字面量 若要返回对象字面量,需将对象用括号 `()` 包裹,以避免与函数体的花括号 `{}` 混淆。 ```javascript const getPerson = (name, age) => ({ name: name, age: age }); ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值