js中箭头函数

最新推荐文章于 2025-07-12 21:20:41 发布

caaaaaaaai

最新推荐文章于 2025-07-12 21:20:41 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/weixin_42413684/article/details/81122671

本文主要探讨了JavaScript中函数的定义、使用以及this关键字的特殊行为。包括普通函数、箭头函数的不同之处，this指向的变化，以及如何利用箭头函数简化代码。同时，通过实例演示了变量作用域、默认参数、剩余参数的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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);