标签：mode   wal   save   之间   作用   举例   有一个   视图   serve   

整理JavaScript高级基础知识

因为空余时间很多..所以博客更新频率得相对频繁些..

原型以及原型链

考察原型以及原型链：

var object = {}
object.__proto__ ===  Object.prototype  // 为 true

var fn = function(){}
fn.__proto__ === Function.prototype  // 为 true
fn.__proto__.__proto__ === Object.prototype // 为 true

var array = []
array.__proto__ === Array.prototype // 为 true
array.__proto__.__proto__ === Object.prototype  // 为 true

Function.__proto__ === Function.prototype // 为 true
Array.__proto__ === Function.prototype // 为 true
Object.__proto__ === Function.prototype // 为 true

true.__proto__ === Boolean.prototype // 为 true

Function.prototype.__proto__ === Object.prototype // 为 true

this

考察 this：

function fn(){
    console.log(this)
}
new fn()

new fn() 会执行 fn，并打印出 this，请问这个 this 有哪些属性？这个 this 的原型有哪些属性？

this 自身没有属性（只有一个隐藏的 proto 属性）
this 的原型是 fn.prototype，只有一个属性 constructor，且 constructor === fn（另外还有一个隐藏属性 proto，指向 Object.prototype）

JSON

考察JSON

JSON 和 JavaScript 是什么关系？
JSON 和 JavaScript 的区别有哪些？

他们的关系：

JSON 是在某一些方面借鉴了JavaScript的一种轻量级的数据交换格式，是一门新语言。

除了 JavaScript 基本数据类型中的 undefined 、symbol，复杂类型中的 function，其他的数据类型在 JSON 中都有。

他们的区别有：

JSON 中的字符串必须用双引号括起，JavaScript 中字符串单双引号都可以；

JSON 中没有变量，所以不能引用，JavaScript中有变量，可以引用；

JSON 中没有原型链，JavaScript有原型链；

MVC

前端 MVC 是什么？

请用代码大概说明 MVC 三个对象分别有哪些重要属性和方法。

前端MVC是什么

MVC 是一种代码组织形式，他把代码依据功能的不同划分成三个部分，分别是Model、Controller、View。

View代表视图

Model代表对数据的操作(存储和获取等)

Controller代表了View和Model两者之间的交互逻辑以及其他。

他们之间的相互作用是这样的：

用户对View视图做出了操作，监听着View视图的controller接收到了View的变化通知，然后按需求去调用Model，Model向server发出请求；server返回响应给Model，Model返回数据给Controller，Controller根据接收到的数据更新View视图。

代码示例

View 主要接受一个选择器，获取需要监听的区域，然后返回一个对象给 controller 操作、更新：

window.View = function(selector){
    return this.document.querySelector(selector)
}

Model 主要负责数据库的初始化、数据的存储和获取，所以他的重要属性应该要要有 init 、fetch 、save:

window.Model = function(options){
    //通过传入参数获取需要操作数据库
    var resourceName = options.resourceName
    return {
        //初始化数据库
        init:function(){},

        //获取数据：
        fetch:function(){},

        //保存数据
        save:function(){}
        }
}

Controller 负责监听和更新 view，调用 model ，接受操作 model 返回的数据，所以他要有一个 init 接收传入的 view 和 model ，负责 model 的调用 和 执行绑定事件函数 bindEvents()：

window.Controller = function(options){

    var init = options.init

    var object = {
        view:null,
        model:null,
        init:function(view,model){
            this.view = view
            this.model = model
            this.model.init()
            init.call(this,view,model)
            this.bindEvents.call(this)
        },
    }

    //通过遍历传入的参数  加入函数到object 中，处理其它事务
    for(let key in options){
        if(key !== "init"){
            object[key]=options[key]
        }
    }
    return object
}

在 ES5 中如何用函数模拟一个类？

考察面向对象编程：

function Human(id,hp){
    this.id = id
    this.hp = hp
}
Human.prototype = {
    constructor:Human,
    walk:function(){ /**/ } ,
    species:function(){ /**/ } ,
    useTools:function(){ /**/ } ,
}

Promise

考察 Promise 的用法：

用过 Promise 吗？举例说明。

有，在使用 leanCloud 数据库的时候，我通过调用一个 leanCloud 的 API ：fetch 函数获取数据库的数据，这个函数被调用后，返回一个 Promise 对象；这个 Promise 对象有一个 then 属性，他接受两个回调函数作为参数，一旦数据获取成功(resolve)，则把数据传入 then 后的第一个函数，对数据进行相对操作；如果数据获取失败(reject)，则执行第二个函数。

如果要你创建一个返回 Promise 对象的函数，你会怎么写？举例说明。

function promise(){
    return new Promise((resolve,reject) => {
        console.log(‘this\‘s Promise begin‘)
        resolve(10)
    })
}
promise().then((value)=>{
    console.log(value)
    console.log(‘that\‘s Promise end‘)
})

整理JavaScript高级基础知识

标签：mode   wal   save   之间   作用   举例   有一个   视图   serve   

原文地址：https://www.cnblogs.com/No-harm/p/9688729.html