函数形参、解构赋值、箭头函数

最新推荐文章于 2024-11-19 10:26:21 发布

pEPPAA

最新推荐文章于 2024-11-19 10:26:21 发布

阅读量680

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qUEAIAi/article/details/82799828

本文深入探讨JavaScript中函数的形参赋值、解构赋值、扩展运算符及this指向规则。通过实例讲解不同场景下this的指向变化，包括全局、自执行函数、回调函数及私有作用域中的行为。

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

函数形参

给函数形参赋值的时候,遇到变量先看是不是自己小括号中的,如果是就使用自己的,不是往上一级找

var m=2,x=10;
function fn(y=x) {
    var m=1,x=10;
    console.log(x);
    console.log(y);
}
fn()

解构赋值

美团面试题：

let arr = [[[[[[1,2,3],[4,5,6]]]]]];
 console.log(arr.toString());
 console.log(arr.join());
 console.log(""+arr)

遍历数组的索引和值

let arr = ["今","天","很","开","心"]
//解构赋值遍历索引和项
 for(var [index,item] of arr.entries()){
     console.log(index,item)
 }

//遍历索引
for(var index in arr){
    console.log(index)
}
//遍历选项
for(var item of arr){
    console.log(item)
}

扩展运算符

var str="12345";
console.log(str.split(""));
console.log([...str]);

var ary=[1,2,3,4,5];
var ary1=[6,7,8,9];
console.log(...ary);
console.log(ary.concat(ary1));
console.log([...ary, ...ary1]);
console.log(Math.max(...ary1));

this的指向问题：

1.在全局下，this指向window；

2，在自执行函数中，this指向window；

3，在回调函数（当做参数）中，this指向widow，但是有的地方可以修改

例如：window.setTimeout（obj.f，1000）这里obj.f是当做一个参数传递它的this仍然是指向window

4，私有作用域下，看函数执行的时候前面有没有点,有点,那么点前面是谁,this就是谁

注：箭头函数没有this指向，就看箭头函数的作用域this指向是谁，就是谁！！

箭头函数：

一般情况下，给元素绑定事件的时候不会使用箭头函数，他会使this指向window