js的技巧

接收参数更好的方式

function downloadData({url,resourceId,searchTest,pageNo,limit}={}){}


downloadData({resourceId:2,url:'/posts',searchText:'web'})

箭头函数返回对象/表达式

const getState =(name)=>{{name:'xiao ming',message:'hi'}}

Set数组去重

let arr = [1,2,3,2,3,4,5,64,6,4]
const a = new Set(arr)
consoel.log(a) //{1, 2, 3, 4, 5,64,6}

转换为数组
const array1 = [...a]//[1,2,3,4,5,6,64]

try..catch..finally

---

const getData = async () => {
  try {
    setLoading(true);
    const response = await fetch(
      "https://jsonplaceholder.typicode.com/posts"
    );
    const data = await response.json();
    setData(data);
  } catch (error) {
    console.log(error);
    setToastMessage(error);
  } finally {
    setLoading(false); // 不管是否报错，最后都会执行
  }
};

getData();

检查值是否为数组

const arr = [1,2,3]
console.log(typeof arr) //object
console.log(Array.isArray(arr)) //true

获取对象的所有键值

const obj = {
 name:'xdx',
 age:12
}
console.log(Object.keys(obj))//name  age

双问号语法

这个??的意思是 如果?? 左边的值是null 或者是undefined,那么就返回右边的

const height = 0
console.log(height||100)//100
cosole.log(height ?? 100)//0

.检查数值是不是NAN

Number.isNaN(1+NaN); // true; NaN 数值与非数值运算的结果NaN

检查数字为有限值

Number.isFinite(12); // true; 其他类型都为false
Math.trunc方法用于去除一个数(正负都可以)的小数部分，返回整数部分。
console.log(Math.trunc(3.1));
// 兼容性写法
// Math.trunc = Math.trunc || function(x) {
//     return x < 0 ? Math.ceil(x) : Math.floor(x);
//  };

判断正负,

// Math.sign()
// 判断正负, 还是0; 对非数值,能转化的转化; 不能转的就是NaN
// 返回值: 正 +1; 负 -1; 0; 0; 其他值 NaN

Array.from(param1, param2)方法用于将两类对象转为真正的数组：

   参数1: 一个对象 ==> 伪数组对象和可遍历（iterable）的对象
    参数2: 回调函数 ==> 类似于数组的map方法，对每个元素进行处理，将处理后的值放入返回的数组。
    return值: 一个数组;
示例:
    let arrayLike = {
        '0': 'a',
        '1': 'b',
        '2': 'c',
        length: 3
        // 0: 'a',
        // 1: 'b',
        // 2: 'c',
        // length: 3
    };
    let real_arr = Array.from(arrayLike);

Array.of(传一组数值); 用于将一组值，转换为数组。弥补了构造函数Array()传数值的缺点

 参数: 一组数值,如: 1,2,3,4...
    return值: 一个数组

arr.find(): 类似过滤函数filter(function(value, index, arr))

        使用: 传入一个回调函数, 返回第一个符合要求的成员  filter会返回所有符合条件的
        示例: var res = [1,2,3,4,-100].find( n => n < 0 ); // -100

arr.findIndex(): 同上,只不过是返回第一个符合条件的数组成员的位置

    注意: 第二个参数是传一个对象，回调函数中若使用了 this, 则指向这个对象
    

### 实现一个add方法，使计算结果能够满足如下预期：

add(1)(2)(3) = 6;
add(1, 2, 3)(4) = 10;
add(1)(2)(3)(4)(5) = 15;

function add() {
    // 第一次执行时，定义一个数组专门用来存储所有的参数
    var _args = Array.prototype.slice.call(arguments);

    // 在内部声明一个函数，利用闭包的特性保存_args并收集所有的参数值
   var _adder = function() {
        _args.push(...arguments);
        return _adder;
   };

reduce

    // 利用toString隐式转换的特性，当最后执行时隐式转换，并计算最终的值返回
    _adder.toString = function () {
        return _args.reduce(function (a, b) {
            return a + b;
        });
    }
    return _adder;
}

add(1)(2)(3)                // 6
add(1, 2, 3)(4)             // 10
add(1)(2)(3)(4)(5)          // 15
add(2, 6)(1)                // 9