Javascript 100 道问题整理（基础篇）

写在开头，JavaScript 中常用的报错信息

一、变量的定义和使用（let const）

---

1、let 和 const 声明的变量产生 暂时性死区
说明: let 声明的 变量提升 和 var 声明的变量提升效果不同

function sayHi() {
  console.log(name)
  console.log(age) 
  var name = 'Lydia'
  let age = 21
}

sayHi()      // 输出   undefined  和  引用错误 ReferenceError

2. let const 变量产生的作用域在 { } 内部
   说明：
   • var 产生全局变量 i
   • let 每次 for 循环都会 产生一个新的局部变量 i

for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1)
}

for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 1)
}

// 例 2：
function checkAge(age) {
  if (age < 18) {
    const message = "Sorry, you're too young."
  } else {
    const message = "Yay! You're old enough!"
  }

  return message    // 这里的 message 并没有被定义
}

console.log(checkAge(21))

附 1 题 2题 84题

3. 变量声明 =====》 严格禁止变量未声明就使用的问题
   可能导致的问题：
   • 在严格模式中 未定义就使用会报错
   • let 声明的变量 未定义就是用会产生 暂时性死区
   • 未定义就使用的变量 会可能 会 挂载到全局变量中 ===》 产生误解

function getAge() {
  'use strict'
  age = 21
  console.log(age)
}

getAge()

4. 函数形参 产生的变量 = 定义在当前函数中的新变量
   • 变量的作用域 =====> 当前函数
   • 新定义的一个变量

(() => {
  let x, y
  try {
    throw new Error()
  } catch (x) {      // 这里的 x 是形参
    (x = 1), (y = 2)
    console.log(x)
  }
  console.log(x)
  console.log(y)
})()

附 38 题

5. 定义变量时的连等赋值 ===》 产生误解
   • 连等赋值时 其实只定义了一个变量
   • 连等赋值在 严格模式中 可能会报错

(() => {
  // 说明    这里拆解后是    let x = 10;    globel.y = 10
  let x = (y = 10);    
})();

console.log(typeof x);  
console.log(typeof y);

附： 20 题

二、关注系统给定方法的返回值

---

带着问题来寻找答案

1. setTimeout 和 setInterval 的返回值是什么？
   思考一下：平时是怎样手动取消 setTimeout 的？？

答：setTimeout和setInterval 都返回一个唯一的 ID, 这个 ID 可以

2. typeof 返回什么呢
   思考一下：平常使用 typeof 的姿势 typeof 1 === 'number'

   typeof 返回一个字符串，这个字符串表明运算的数据类型

console.log(typeof typeof 1)    // 返回字符串
// 说明：  typeof 1 === 'number'    typeof 'number'  === string''

3. delete 对象属性时返回什么？？ ?? NO ！
   问：delete 返回被删除的属性？？ NO!

   答: delete 返回布尔值，标识 对象的属性是否删除成功

const name = "Lydia";
age = 21;

console.log(delete size)    // true         删除 golbel 的一个属性
console.log(delete name);    // false    在 golbal 对象中未找到 name 属性 
console.log(delete age);    // true

3. 数组方法的返回值整理

---

1. push 方法的返回值是什么呢？

let newList = [1, 2, 3].push(4)

console.log(newList.push(5))  // 语法执行错误

说明：push 方法的返回值是 数组的长度

附 74题 91 题 36 题 42 题

..... 持续整理中

三、比较大全（ 等于 和 全等 ）

---

1. 两种分类 ( 普通类型的数据 和 对象类型的数据 ) 的数据比较
   普通类型的数据无法同对象类型的数据放在一起进行比较
   对象类型的数据(数组 + 对象)比较时比较的是对象的地址

let a = 3
let b = new Number(3)
let c = 3

console.log(a == b)    // true
console.log(a === b)    //false 对象比较时 取其地址
console.log(b === c)    //false 对象比较时 取其地址

2. 对象的比较
   对象的比较是地址比较 ( 无论是使用 == 还时 === 都是进行 地址比较 )

function checkAge(data) {    // 这里的 data 时引用地址
  if (data === { age: 18 }) {
    console.log('You are an adult!')
  } else if (data == { age: 18 }) {
    console.log('You are still an adult.')
  } else {
    console.log(`Hmm.. You don't have an age I guess`)
  }
}

checkAge({ age: 18 })

第18题

2、

四、一元运算符

---

1. + 号运算符的使用
   + ----> number 类型的运算
   + ' ' ( 字符串 ) ---> 将两边的数据都转为字符串
   +true/false ( 布尔型 ) ----> 尝试将 布尔型转为 数字

2. ! 和 !! 运算符的作用
   都是将值转为布尔值使用

+true;                // 1
!"Lydia";            // false

3. ++ 运算符的作用

let number = 0
console.log(number++);      // 0
console.log(++number);      // 2
console.log(number);          // 2

附: 第 4题，16 题

三、特殊的运算符号

---

1、+ 号运算符
2、has 运算符，hasOwnProperty
3、... 运算符 （ 解构和收集的功能 ）

附: 4, 15, 16, 19, 24