js中箭头函数

console.log(fn(1));//undefind
var fn=function(a){
      return a;
}
console.log(fn(1));//1

function fn2(a){
     return a;
}
console.log(fn(2));//2

let fn3=v=>v;

let fn3=v=>0;

let fn4=()=>{
     alert(1+2);
}

console.log(fn3(5));//1,2

var obj={
     name:"liming",
     age:"21",
     ziji:this,
     jineng:function(){
          return this;  
 },
    xiaojineng:()=>this,
}

console.log(obj.ziji);//window
console.log(oobj.xiaojineng());//window
console.log(oobj.jineng());//obj


1.var f=()/v/(v)=>v;  v代表参数和返回值;
2.箭头函数多用于一条语句,用大括号:
var sum=(num1.num2)=>{return num1+num2;}

3.返回对象的话;外部用括号:
var id=id=>({id:id,name:'jing'});

4.this指向不变,不能作为构造函数;
5.不能使用关键字;

var fn7(b,c="hello xiongdi")=>{
    console.log(b+":"+c);
}
fn7(1);//默认值
fn7(1,2)//传的参数

var fn7=(b,c,...d)=>{
      console.log(d);
}
fn7(1,2,3,4,5,6,7);

let arr=[1,2,3];
let arr1=[0,...arr,4];

document.write(arr1);

let age="realage";
let obj={
     name:"liming";
     [age]:"18";
     
}
console.log(obj[age]);
console.log(obj.realage);

let age="weq";
let name="liming";
let sex="nv";

let obj={
    age,
    name,
    sex,
    jineng:function(){console.log("jineng");
    }, 
    jitou:()=>{console.log("jineng")};
    },
    ji(){
      console.log("ji"); 
   }
 }
console.log(obj.age);
console.log(obj.name 

);
console.log(obj.sex);

 

箭头函数是ES6(ECMAScript 2015)引入的一种函数表达式的新写法,它提供了一种更简洁的函数书写方式。箭头函数的基本语法如下: ```javascript 参数列表 => { 函数体 } ``` 其,箭头(=>)前是参数列表,可以包含零个或多个参数;箭头后面是函数体,可以是一条语句或者是花括号内的多条语句。 箭头函数有几种不同的形式: 1. 如果参数只有一个,可以省略参数外的圆括号: ```javascript (参数) => { 函数体 } // 简写为 参数 => { 函数体 } ``` 2. 如果没有参数,使用空圆括号表示: ```javascript () => { 函数体 } ``` 3. 如果函数体只有一条返回语句,可以省略花括号和return关键字: ```javascript 参数 => 表达式 // 等同于 => { return 表达式; } ``` 4. 如果箭头函数不需要返回值,或者返回一个对象字面量,需要用圆括号包围对象字面量: ```javascript 参数 => ({ 属性名: 值 }) ``` 下面是一些具体的例子: ```javascript // 无参数的箭头函数 () => { return "Hello World"; } // 单个参数的箭头函数,可省略参数的圆括号 singleParam => { return singleParam; } // 多个参数的箭头函数 (param1, param2) => { return param1 + param2; } // 没有参数的箭头函数 () => { return { key: 'value' }; } // 单个表达式的箭头函数,自动返回表达式的结果 param => param * 2 // 使用箭头函数表示对象的方法(注意用圆括号包围对象字面量) const obj = { method: () => { console.log('Hello World'); } }; ``` 箭头函数有几个特点: - 箭头函数没有自己的`this`,它的`this`是词法级别的,继承自外围作用域。 - 箭头函数没有`arguments`对象,可使用剩余参数(...rest)来访问。 - 不能使用`new`关键字进行实例化,因为箭头函数没有自己的`this`,也就没有构造函数。 - 箭头函数不能作为`Generator`函数。 使用箭头函数时,可以根据函数体的复杂度和需要返回的表达式来选择合适的形式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值