JS基础总结

1 变量

2 === 与 ==

obj.a == null是obj.a === nul || obj.a === undefined简写

3 内置函数

都可以使用new关键字

4 JSON

是一个js对象，也是一种数据格式
JSON.stringify({a:10,b:20})
JSON.parse("{'a':10,'b':20}")

5 如何判断一个变量是数组类型

instanceof 用于判断引用类型属于哪个构造函数的方法
Array.isArray(arr)
Object.prototype.toString.call(arr) === "[object Array]"

6 原型规则和事例

所有的引用类型（数组、对象、函数），都具有对象特性，即可以自由扩展属性（除了null）
所有的引用类型（数组、对象、函数），都有一个隐式原型proto属性，属性值是一个普通的对象
所有的函数，都有一个显示原型prototype属性，属性值也是一个普通对象
所有的引用类型（数组、对象、函数）,隐式原型proto属性值指向它的构造函数的显示原型prototype属性值，类似指针
当试图得到一个对象的某个属性时，如果这个对象本身没有这个属性，那么会去它的proto（即它的构造函数的prototype中寻找）

7 描述new一个对象的过程

创建一个新对象
将构造函数的作用域给新对象（因此this指向了这个新对象）
执行构造函数中的代码（为这个新对象添加属性）
返回新对象

8 变量提升，提升了2个东西

提升了变量定义
提升了函数声明（注意和函数表达式的区别）

9 执行上下文

变量提升时会涉及到执行上下文的概念
一段<script>或者一个函数都会生成一个执行上下文
<script>会生成一个全局执行上下文，执行之前先提升变量定义、函数声明
函数会生成一个函数执行上下文，函数执行（不是定义之前）之前先提升变量定义、函数声明、this、arguments
ps：注意“函数声明“和“函数表达式“的区别

10 this几种不同的使用场景

作为构造函数执行
作为对象属性执行
作为普通函数执行
call apply bind

this要在执行时才能确认值，定义时无法确认

11 创建10个<a>标签，点击的时候弹出来对应的序号

// es6方法，使用let
for (let index = 0; index < 10; index++) {
    var aTag = document.createElement("a");
    aTag.innerHTML = index + "<br>"
    aTag.addEventListener("click", function (e) {
        e.preventDefault();
        console.log(index);
    });
    document.body.appendChild(aTag);
};
// es5方法
var createElement = function (i) {
    var aTag = document.createElement("a");
    aTag.innerHTML = i + "<br>"
    aTag.addEventListener("click", function (e) {
        e.preventDefault();
        console.log(i);
    });
    return aTag
}
for (var i = 0; i < 10; i++) {
    var a = createElement(i);
    document.body.appendChild(a);
};

12 如何理解作用域

自由变量，当前作用域没有定义的变量，即“自由变量”
作用域链，即自由变量的查找。当前作用域没有定义这个变量，会在这个函数定义时候的父级作用域继续寻找这个变量，形成一个链式结构
闭包的两个场景，闭包的主要作用是封装变量，收敛权限，防止函数外部对变量进行修改

// 函数作为返回值
function F1() {
    var a = 100;
    return function () {
        console.log(a); // a是自由变量，在声明时候的父级作用域寻找
    }
}
var f1 = F1();
var a = 200;
f1();

// 函数作为参数传递
function F1() {
    var a = 100;
    return function () {
        console.log(a); // a是自由变量，在声明时候的父级作用域寻找
    }
}
function F2(fn) {
    var a = 200;
    fn();
}
var f1 = F1();
F2(f1);

js没有块级作用域，只有函数和全局作用域，ES6中新增了块级作用域，仅针对于let、const声明的变量

13 同步和异步的区别是什么？分别举一个例子

同步会阻塞代码执行，异步不会
alert是同步，setTimeout是异步

14 前端使用异步的场景

定时任务：setTimeout，setInterval
网络请求：ajax请求，动态<img>加载
事件绑定

最后编辑于：2019.05.04 16:01:55