大二第一次考核

大二第一次考核

js的数据类型

基本数据类型：
es5：String，Number，Boolean，Null，Undefined
es6新增了Symbol，这种类型的对象永不相等，即开始创建的时候传入相同的值，可以解决属性名冲突的问题，作为标记。
es10新增了bigint，可以安全存储操作大整数。
引用数据类型
Object，Array，Function，RegExp（正则）和日期（Date）

数组降序输出

sort()

sort() 用来对元素进行排序
当数组的元素个数小于10个时为冒泡排序，大于10个为快排。
默认情况下，sort()会按照升序重新排列数组元素，即最小的值在前面，最大的值在后面。为此，sort()会在每一项上调用 String()转型函数，然后比较字符串来决定顺序。即使数组的元素都是数值，也会先把数组转换为字符串再比较、排序。
例如：0 1 5 10 15
即使5小于10，但字符串"10"在字符串"5"的前面，所以10还是会排到5的前面，所以她并不符合大多数情况。
为此，sort()方法可以接收一个比较函数，用于判断哪个值应该排在前面

比较函数接收两个参数，如果第一个参数应该排在第二个参数前面，就返回负值；如果两个参数相等，就返回 0；如果第一个参数应该排在第二个参数后面，就返回正值。

        // 数组排序 - 降序
        function delSort(val1, val2) {
            if (val1 < val2) {
                return -1;
            } else if (val1 > val2) {
                return 1;
            } else {
                return 0;
            }
        }
        let values = [0, 1, 10, 5, 15];
        values.sort(delSort);
        console.log(values); //  [0, 1, 5, 10, 15]

简写：

        let values = [0, 1, 10, 5, 15];
        console.log(values.sort((a, b) => a < b ? -1 : a > b ? 1 : 0));

写法

冒泡排序

    // 编写方法，实现冒泡
    var arr = [29,45,51,68,72,97];
    //外层循环，控制趟数，每一次找到一个最大值
    for (var i = 0; i < arr.length - 1; i++) {
        // 内层循环,控制比较的次数，并且判断两个数的大小
        for (var j = 0; j < arr.length - 1 - i; j++) {
            // 白话解释：如果前面的数大，放到后面(当然是从小到大的冒泡排序)
            if (arr[j] > arr[j + 1]) {
                var temp = arr[j];
                arr[j] = arr[j + 1];
                arr[j + 1] = temp;
            }
        }
 
    }
    console.log(arr);//[2, 4, 5, 12, 31, 32, 45, 52, 78, 89]

call,bind,apply区别和用法

call

调用fn.call时会将fn中的this指向修改为传入的第一个参数thisArg；将后面的参数传入给fn,并立即执行函数fn。

let obj = {
        name: "xiaoming",
        age: 24,
        sayHello: function (job, hobby) {
            console.log(`我叫${this.name},今年${this.age}岁。我的工作是: ${job}，我的爱好是: ${hobby}。`);
        }
    }
    obj.sayHello('程序员', '看美女'); // 我叫xiaoming,今年24岁。我的工作是: 程序员，我的爱好是: 看美女。


    let obj1 = {
        name: "lihua",
        age: 30
    }
    // obj1.sayHello(); // Uncaught TypeError: obj1.sayHello is not a function
    obj.sayHello.call(obj1, '设计师', '画画'); // 我叫lihua,今年30岁。我的工作是: 设计师，我的爱好是: 画画。

apply

fn.apply的作用和call相同：修改this指向，并立即执行fn。区别在于传参形式不同，apply接受两个参数，第一个参数是要指向的this对象，第二个参数是一个数组，数组里面的元素会被展开传入fn,作为fn的参数。

let obj = {
        name: "xiaoming",
        age: 24,
        sayHello: function (job, hobby) {
            console.log(`我叫${this.name},今年${this.age}岁。我的工作是: ${job}，我的爱好是: ${hobby}。`);
        }
    }
    obj.sayHello('程序员', '看美女'); // 我叫xiaoming,今年24岁。我的工作是: 程序员，我的爱好是: 看美女。


    let obj1 = {
        name: "lihua",
        age: 30
    }
    
    obj.sayHello.apply(obj1, ['设计师', '画画']); // 我叫lihua,今年30岁。我的工作是: 设计师，我的爱好是: 画画。

bind

fn.bind的作用是只修改this指向，但不会立即执行fn；会返回一个修改了this指向后的fn。需要调用才会执行:bind(thisArg, arg1, arg2, arg3, …)()。bind的传参和call相同。

    let obj = {
        name: "xiaoming",
        age: 24,
        sayHello: function (job, hobby) {
            console.log(`我叫${this.name},今年${this.age}岁。我的工作是: ${job}，我的爱好是: ${hobby}。`);
        }
    }
    // obj.sayHello('程序员', '看美女'); // 我叫xiaoming,今年24岁。我的工作是: 程序员，我的爱好是: 看美女。

    let obj1 = {
        name: "lihua",
        age: 30
    }
    
    obj.sayHello.bind(obj1, '设计师', '画画'); // 无输出结果
    obj.sayHello.bind(obj1, '设计师', '画画')(); // 我叫lihua,今年30岁。我的工作是: 设计师，我的爱好是: 画画。

相同点与不同点

1、相同点

1. 三个都是用于改变this指向；
2. 接收的第一个参数都是this要指向的对象；
3. 都可以利用后续参数传参。

2、不同点

1. call和bind传参相同，多个参数依次传入的；
2. apply只有两个参数，第二个参数为数组；
3. call和apply都是对函数进行直接调用，而bind方法不会立即调用函数，而是返回一个修改this后的函数。
4. call,bind,apply不会改变箭头函数的this，只会改变普通函数的this指向问题

创建对象

字面量法

New Object法

构建函数创建对象

数组扁平化去重

var arr = [
    [1, 2, 2],
    [3, 4, 5, 5],
    [6, 7, 8, 9, [11, 12, [12, 13, [14]]]], 10
]
var newarr = arr.toString().split(',').map(item => Number(item));
var temp = []
for (let i = 0; i < newarr.length; i++) {
    if (temp.indexOf(newarr[i]) == -1) {
        temp.push(newarr[i])
    }
}
temp.sort((a, b) => {
    return a - b
})
console.log(temp);

代码输出题

答案为2
解析：

1. 如果函数里面套了一个函数，而且有return。那么要用bar()()调用里面嵌套的函数,可以看看这篇http://t.csdn.cn/vTBNQ
2. b通过箭头函数的调用使其赋值为a的值所以输出2
   
   答案：123475698
   解析：先执行同步代码，输出1，promise也为同步代码所以输出2，3，4，7，在执行微任务：promise.then，所以输出5，6，在输出宏任务，则为定时器所以输出9，8.

this指向问题

输出结果：
Timer():
普通函数：timer中的a
箭头函数：timer中的a
new Timer():
普通函数：全局a
箭头函数：timer中的a

输出：
第一个输出为空
第二个输出为0 1 2 3 4 5 6 7 8 9
第三个输出为10

捕获

不能，因为定时器是异步代码，他会把try和catch里的代码都执行完毕才会执行定时器的，所以并不能起到捕获错误的作用

第一问：输出为1 people javascript
第二问：person1.fool1.apply(obj)
利用apply改变this指向