let export import assign ...state === !== filter map 分别是什么

5 阅读1分钟

本文用最通俗、最实用的方式,一次性讲完这 9 个,看完就能用👇


1. let

声明变量,可以改,有块级作用域。

let num = 10
num = 20 // 允许

2. export

把当前 JS 文件里的变量/函数导出,给别的文件用。

export const a = 1
export function fn() {}

3. import

从别的文件导入内容。

import { a, fn } from './xxx.js'

4. Object.assign

合并/拷贝对象。

const newObj = Object.assign({}, obj1, obj2)

5. ...state(展开运算符)

快速复制对象或数组,常用于 React/Vue 更新状态。

const newState = { ...state, name: 'zs' }

6. ===

严格相等:类型 + 值都一样才为 true。

1 === 1    // true
1 === '1'  // false

7. !==

严格不相等:类型或值不一样就为 true。

1 !== '1' // true

8. filter

数组方法:筛选,返回符合条件的新数组。

const arr = [1,2,3,4]
const res = arr.filter(item => item > 2) // [3,4]

9. map

数组方法:映射,每个元素都处理一遍,返回新数组。

const arr = [1,2,3]
const res = arr.map(item => item * 2) // [2,4,6]

极简口诀

  • let → 声明变量
  • export/import → 导出导入
  • assign / ... → 合并拷贝
  • === / !== → 严格相等/不等
  • filter → 筛选
  • map → 转换

需要我给你整理成一行记忆版吗?