基础

数据类型

原始值

Number 数字
String 字符串
Boolean 布尔值
Undefined 未定义
Null 空值
BigInt 数字的原始值
Symbol 唯一并且不可变的原始值并且可以用来作为对象属性的键

Object

Object 对象

null 和 undefined 的区别

相同点

都是原始类型的值，且保存在栈中

进行条件判断时，两者都是 false

// true ECMAScript 认为 `undefined` 是 `null` 派生出来的，所以定义他们值是相同的
console.log(undefined == null)

不同点

null 是 js 的关键字，表示空值；undefined 不是 js 的关键字，它是一个全局变量，表示未定义。
null 是 Object 的一个特殊值，如果一个 Object 为 null，表示这个对象不是有效对象，null 是一个不存在的对象的占位符；undefined 是 Global 的一个属性。

类型不一样：

typeof null // object
typeof undefined // undefined

转换的值不一样：

console.log(Number(undefined)) // NaN
console.log(Number(11 + undefined)) // NaN

console.log(Number(null)) // 0
console.log(Number(11 + null)) // 11

产生方式

null

当访问一个不存的 DOM 节点时

console.log(document.getElementById('#app')) // null

Object 的原型链终点

console.log(Object.prototype.__proto__) // null

当需要释放一个对象的时候可以将该对象赋值为 null ，进而来释放对象。

undefined

声明了变量但未赋值
js
```
let name
console.log(name) // undefined
```

对象的属性没有赋值的情况下

const obj = { name: 'alva' }
console.log(obj.age) // undefined

函数调用的时候，函数的参数没有提供的情况下

当函数没有返回值的情况下

function handleChange(value) {
  console.log(value) // undefined
}

console.log(handleChange()) // undefined

jsconfig.json

json

{
  "compilerOptions": {
    "target": "ES6",
    "baseUrl": "./",
    "paths": {
      "components/*": ["src/components/*"],
      "assets/*": ["src/assets/*"],
      "@/*": ["src/*"]
    },
    "allowSyntheticDefaultImports": true
  },
  "exclude": ["node_modules", "dist"],
  "include": ["src/**/*"]
}

tsconfig.json

json

{
  "compilerOptions": {
    "outDir": "build/dist",
    "module": "esnext",
    "target": "esnext",
    "lib": ["esnext", "dom"],
    "sourceMap": true,
    "baseUrl": ".",
    "jsx": "react",
    "allowSyntheticDefaultImports": true,
    "moduleResolution": "node",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true,
    "allowJs": true,
    "skipLibCheck": true,
    "experimentalDecorators": true,
    "strict": true,
    "resolveJsonModule": true,
    "paths": {
      "@/*": ["./src/*"],
      "@@/*": ["./src/.umi/*"]
    }
  },
  "exclude": [
    "node_modules",
    "build",
    "dist",
    "scripts",
    "acceptance-tests",
    "webpack",
    "jest",
    "src/setupTests.ts",
    "tslint:latest",
    "tslint-config-prettier"
  ]
}

decodeURI 与 decodeURIComponent 的区别

使用 encodeURI()编码后的结果是除了空格之外的其他字符都原封不动，只有空格被替换成了%20。而 encodeURIComponent()方法则会使用对应的编码替换所有非字母数字字符。这也正是可以对整个 URI 使用 encodeURI()，而只能对附加在现有 URI 后面的字符串使用 encodeURIComponent()的原因所在。一般来说,我们使用 encodeURIComponent()方法的时候要比使用 encodeURI()更多，因为在实践中更常见的是对查询字符串参数而不是对基础 URL 进行编码.

encodeURI(
  'https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML'
)
// 'https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML'
encodeURIComponent(
  'https://developer.mozilla.org/zh-CN/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML'
)
// 'https%3A%2F%2Fdeveloper.mozilla.org%2Fzh-CN%2Fdocs%2FLearn%2FHTML%2FIntroduction_to_HTML%2FThe_head_metadata_in_HTML'

基础 ​

数据类型 ​

原始值 ​

Object ​

null 和 undefined 的区别 ​

相同点 ​

不同点 ​

产生方式 ​

null ​

undefined ​

jsconfig.json ​

tsconfig.json ​

decodeURI 与 decodeURIComponent 的区别 ​

基础