关于JavaScript的12种淫思巧技(二)

---

一、运算符||与&&

例子:||
1.if语句嵌套时可以选择 || 比如:

if(condition 1 || condition 2){
语句 1
}else{
语句2
}
//条件1或条件2满足任意一个都会执行语句1

2. 定义变量的时候可以多默认一个避免报错(特别是数组)

let studentArr= res.data || {}
//后端返回值可能是null或 undefined,但是只有数组有相应方法

例子:&&

1. if语句嵌套时可以选择 && 比如:

if(condition 1 && condition 2){
语句 1
}else{
语句2
}
//条件1和条件2同时满足才会执行语句1

2. 为空判断

userName != null && “”
//以上username不等于null也不等于“”才会返回true

二、闭包

function saveAddTwo(){
				let a = 0;
				return function core(increment){
					a = a+increment
					console.log(a)
				}
			}
			let b = saveAddTwo()
			b(1)
			b(1)
			b(1)

里层的“core函数”接受了一个参数变量1，在其函数内以参数increment的形式存在，它与被返回的内层函数中的名称指向同一个引用。外层函数执行并退出后，参数increment（此时它的值为a+increment的值）成为了其内层函数的状态的一部分被保存了下来。

三、递归(不重要)[它是好东西,但是实际上用不上还是if…else加for循环用的多]

三要素
第一要素:知道你这个函数要做什么
第二要素:结束的条件是什么
第三要素:归纳岀相应的函数表达式
说在后面:递归简单来说就是自己调用自己合适的时候停止.网上有很多例子(比如:n的阶乘/斐波那契数列/反转单链表)

---

四、同步与异步（很重要但是不需要理解原理会用即可）

1. 简单概念:
   同步:调用一旦开始，调用者必须等到方法调用返回后，才能继续后续的行为。
   异步:调用更像一个消息传递，一旦开始，方法调用就会立即返回，调用者就可以继续后续的操作。而，异步方法通常会在另外一个线程中，“真实”地执行着。整个过程，不会阻碍调用者的工作
2. 实现:
   方法一:延时调用

normalWay(){
  console.log(123)
},
outTimeWays(){
  setTimeout(()=>{
    console.log(456)
  },100)
},

方法二:async与await

async function fetchProducts() {
  try {
    // 在这一行之后，我们的函数将等待 `fetch()` 调用完成
    // 调用 `fetch()` 将返回一个“响应”或抛出一个错误
    const response = await fetch('https://mdn.github.io/learning-area/javascript/apis/fetching-data/can-store/products.json');
    if (!response.ok) {
      throw new Error(`HTTP 请求错误：${response.status}`);
    }
    // 在这一行之后，我们的函数将等待 `response.json()` 的调用完成
    // `response.json()` 调用将返回 JSON 对象或抛出一个错误
    const json = await response.json();
    console.log(json[0].name);
  }
  catch(error) {
    console.error(`无法获取产品列表：${error}`);
  }
}

fetchProducts();

五、一些常用的字符串方法

1.获得字符串的长度(length)

let str = “smart”
str.length //返回值为5
str[2] //返回值为a凡是[]都是从0计数 

2.在字符串中查找子字符串并提取它

str.indexOf(‘mar’);返回值为1
str.indexOf(‘tab’);返回值为-1
str.slice(0,2);返回值为sm
str.slice(2);返回值为art
一般连起来用如下:
if(str.indexOf('tab') !== -1) {
  // do stuff with the string
}else{
str.slice(str.indexOf('tab'))
}

六、一些常用的数组方法

1.将字符串转数组的方法(一)[split()]
例子:

let myData = ‘Mac,Linux,uinx,Android,Windows ,iOS;
let myArray = myData.split(',');
myArray;

2.数组转字符串的方法(一)[join(‘,’)]
例子:

let myNewString = myArray.join(',');
myNewString;

数组转字符串的方法(二)

let dogNames = [“Jack”,”Marry”,”Bob”,”sally”];
dogNames.toString(); //

3.添加数组
(1).从前面添加项目unshift()

myArray.unshift()

(2)从后面添加项目push()

myArray.push()

4.删除数组项目
(1).从前面删除项目shift()

myArray.shift()

(2)从后面删除项目 pop()

myArray.pop()