递归、字符串操作的方法、实现继承的方法有哪些、for in循环、移动web和响应式区别 （Date 2023/1/2）

一、什么是递归？

如果一个函数在内部调用自己本身，那么这个函数就是递归函数

一个简单的递归函数例:

let i = 1
function fn(){
console.log(`这是第${i}次`)
  fn()
}
fn()

注意：上述代码形成死递归，一运行 外部fn()调用函数体代码，运行到内部fn()又在次调用，造成‘栈溢出’

所以，使用递归函数必须加return 退出条件

修改后代码：

let i = 1
function fn(){
console.log(`这是第${i}次`)
if(i >= 6){
    return
}
  i++
  fn()
}
fn()

二、列举字符串的操作方法

1. split( ) 切割字符串，返回一个数组

把字符串转换为数组  和 join() 相反

 const str = '100,000,000' 
 console.log(str.split(',')) // ['100', '000', '000']

2. substring( ) 字符串的截取

substring(需要截取的第一个字符的索引 [,结束的索引号]) 

const str2 = '关山难越，谁悲失路之人;萍水相逢，尽是他乡之客'
console.log(str2.substring(5, 7)) //谁悲

 2.1 如果省略 结束的索引号，默认取到最后

 2.2 结束的索引号不包含想要截取的部分

3. startsWith( ) 判断是不是以某个字符开头 

如果是，返回true；否则返回false

const str3 = '今天是2023了'
console.log(str3.startsWith('今天'))

4. splice( ) 方法原地改变一个数组的内容，移除或者替代已存在的元素/或添加新元素。

1）删除：

  需求：在数组[1, 3, 5, 8, 19, 10]中，需要删除3，5，8这三个数字。

let nums = [1, 3, 5, 8, 19, 10]
 nums.splice(1, 3)

2) 替换

        

        

5. includes( )  判断某个字符是不是包含在一个字符串里面

如果是，返回true；否则返回false

5.indexOf( )  方法返回 String 对象内第一次出现子字符串位置。如果没有找到子字符串， 则返回-1；

6.lastIndexOf( )  方法返回 String 对象中字符串最后出现的位置。如果没有匹配到子字符 串，则返回-1

三、实现继承的方法有哪些

1.借用构造函数。也叫伪造对象或经典继承。

思路：在子类构造函数的内部调用超类型构造函数。可以通过使用  apply()和 call()方法在新创建的对象上执行构造函数。

 缺点：方法都在构造函数中定义，函数的复用就无从谈起

2.组合继承。也叫伪经典继承。指的是将原型链和借用构造函数的技术组合到一起，从而发挥二者之长。

3.原型链继承

4.寄生式继承。

  思路：创建一个仅用于封装继承过程的函数，该函数在内部以某种  方式来增强对象，最后再像真的是它做了所有的工作一样返回对象。

四、简述 for in 循环的特点及使用场景

for...in 语句用于对数组或者对象的属性进行循环操作。

for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。

for (变量 in 对象){

        在此执行代码

}

“变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。

注意：for in 循环不会按照属性的下标来排列输出。

let obj = {
      uname: 'jason',
      age: 18,
      sex: '男'
    }
  for (let k in obj) {
      console.log(k)  //属性名 'uname' 'age'
      console.log(obj[k])  //值
   }

五、移动web和响应式有什么区别