发表于: 2019-12-01 19:45:18

1 1103


今天完成的事情

今天复盘遇到bug一直没有解决,心态不稳,就找了点之前想了解的知识点学习了下

函数中的arguments

任意数求和(执行函数的时候,传递N个值实现求和)

/*
* 任意数求和
*    1.传递实参的个数不定
*    2.传递的值是否为有效数字不定
* =>把传递的有效数字进行相加求和
*
* arguments:函数内置的实参集合
*    1.类数组集合,集合中存储着所有函数执行时,传递的实参信息
*    2.不论是否设置形参,arguments都存在
*    3.不论是否传递实参,arguments也都存在
* arguments.callee:存储的是当前函数本身(一般不用的,JS严格模式下禁止使用这些属性)
*/
function sum() {
let total = null;
for (let i = 0; i < arguments.length; i++) {
 // 获取的每一项的结果都要先转换为数字(数学运算)
 let item = Number(arguments[i]);
 // 非有效数字不加
 if (isNaN(item)) {
  continue;
 }
 total += item;
}
return total;
}

let total = sum(10, 20, 30, 40);
console.log(total);

total = sum(10, 20);
console.log(total);

total = sum(10, 20, '30');
console.log(total);

total = sum(10, 'AA');
console.log(total);

es、6中的箭头函数

简单

/* function sum(n, m) {
return n + m;
} */

// 改写成箭头函数
let sum = (n, m) => {
return n + m;
};
// 如果函数体中只有一行RETURN,可以省略RETURN和大括号,一行搞定
let sum = (n, m) => n + m;
function fn(n) {
return function (m) {
 return n + m;
}
}
// 改写成箭头函数
let fn = n => m => n + m;

形参赋值默认值:当没有给形参传递实参的时候,执行默认值

/* function sum(n, m) {
if (typeof n === 'undefined') {
 n = 0;
}
if (typeof m === 'undefined') {
 m = 0;
}
return n + m;
} */
// 形参赋值默认值:当没有给形参传递实参的时候,执行默认值
let sum = (n = 0, m = 0) => n + m;
sum();
sum(10);

箭头函数中没有ARGUMENTS

/* let sum = () => {
console.log(arguments); //=>Uncaught ReferenceError: arguments is not defined 箭头函数中没有ARGUMENTS
}; */

// 但是我们可以使用剩余运算符获取到传递的实参集合(它是数组,比ARGUMENTS更好玩)
let sum = (...arg) => eval(arg.join('+'));


今天遇到的问题

问题1:在复盘任务中使用quill富文本编辑器的过程中,出现无法使用的情况,可是之前明明都可以用,现在出现很多如下图所示的乱码

最后百度了好久,一直没有解决,看报错是属于css引用的问题,但是换了很多个css文件还是不行,这个问题今天浪费了很多时间都没有解决成功,等明天再看看能不能解决


今天的收获

1.学习了函数中的arguments

2.学习了之前一直不懂的箭头函数


明天的计划

继续复盘



返回列表 返回列表
评论

    分享到