Express框架詳解app函數(shù)使用實(shí)例

更新時(shí)間：2023年03月03日 09:54:02 作者：?jiǎn)讨蝊x

這篇文章主要為大家介紹了Express框架app函數(shù)使用實(shí)例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪

express 函數(shù)來(lái)源

首先要搞明白 express 是一個(gè)函數(shù)。

express 函數(shù)，函數(shù)也是個(gè)對(duì)象，意味著函數(shù)上也可以掛載自己的屬性。

module.exports = require("./lib/express");
exports = module.exports = createApplication;
function createApplication() {
  var app = function (req, res, next) {
    app.handle(req, res, next);
  };
  // ...
  return app;
}

此處省略中加的一些在這里無(wú)關(guān)的代碼，我們看到 express 函數(shù)其實(shí)是一個(gè)函數(shù)，返回一個(gè) app 函數(shù)。app 也很簡(jiǎn)單 app 中調(diào)用了 app.handle 方法，注意這里 app.handle 其實(shí)用來(lái)接收請(qǐng)求的。這里會(huì)在請(qǐng)求數(shù)據(jù)的時(shí)候體驗(yàn)到?，F(xiàn)在目的是分析 app 函數(shù)的創(chuàng)建中會(huì)做哪些事情。

express 的其他輸出

exports.application = proto; // application 的原型
exports.request = req; // 請(qǐng)求對(duì)象
exports.response = res; // 響應(yīng)對(duì)象
exports.Route = Route; // 路由項(xiàng)目
exports.Router = Router; // 路由
exports.json = bodyParser.json; //解析 json
exports.query = require("./middleware/query"); // 查詢
exports.raw = bodyParser.raw; // 生地址
exports.static = require("serve-static"); // 靜態(tài)地址
exports.text = bodyParser.text; // 文本
exports.urlencoded = bodyParser.urlencoded; // 解析

移除中間列表中包含了，使用錯(cuò)誤提示：

var removedMiddlewares = [
  "bodyParser",
  "compress",
  "cookieSession",
  "session",
  "logger",
  "cookieParser",
  "favicon",
  "responseTime",
  "errorHandler",
  "timeout",
  "methodOverride",
  "vhost",
  "csrf",
  "directory",
  "limit",
  "multipart",
  "staticCache",
];
removedMiddlewares.forEach(function (name) {
  Object.defineProperty(exports, name, {
    get: function () {
      throw new Error(
        "Most middleware (like " +
          name +
          ") is no longer bundled with Express and must be installed separately. Please see https://github.com/senchalabs/connect#middleware."
      );
    },
    configurable: true,
  });
});

app 方法中混入原型

var mixin = require("merge-descriptors");
mixin(app, EventEmitter.prototype, false);
mixin(app, proto, false);

混入 Node.js 的事件觸發(fā)
混入 application 原型

app 中掛載請(qǐng)求/響應(yīng)對(duì)象

var req = require("./request");
var res = require("./response");
app.request = Object.create(req, {
  app: { configurable: true, enumerable: true, writable: true, value: app },
});
app.response = Object.create(res, {
  app: { configurable: true, enumerable: true, writable: true, value: app },
});

從 req/res 對(duì)應(yīng)的文件中，獲取 req/res 兩個(gè)不同對(duì)象。然后使用 Object.create 添加原型，然后創(chuàng)建了 value 是 app 的內(nèi)容。這個(gè)操作的作用是在 res/req 兩個(gè)對(duì)象中使用 app 函數(shù)以及掛載的對(duì)象。

app 中的原型

從源碼中得知，app 的 proto 并不是使用 app.prototype.xxx 來(lái)進(jìn)行擴(kuò)展的，而是使用 mixin 方法來(lái)進(jìn)行擴(kuò)展的。這里我們要了解到 JS 的原型鏈的安全問(wèn)題（防止原型鏈被污染，這些重要的方法），下面?zhèn)z看看 merge-description 的實(shí)現(xiàn)方法：

"use strict";
module.exports = merge;
var hasOwnProperty = Object.prototype.hasOwnProperty;
function merge(dest, src, redefine) {
  // ...
  if (redefine === undefined) {
    redefine = true;
  }
  Object.getOwnPropertyNames(src).forEach(function forEachOwnPropertyName(
    name
  ) {
    if (!redefine && hasOwnProperty.call(dest, name)) {
      return;
    }
    var descriptor = Object.getOwnPropertyDescriptor(src, name);
    Object.defineProperty(dest, name, descriptor);
  });
  return dest;
}

多余的源碼已經(jīng)移除。本質(zhì)就是把 src 對(duì)象上自己的屬性描述符賦值給 dest 的屬性描述符，實(shí)現(xiàn)了此次 merge 或者叫做 mixin。

app 對(duì)象上掛載方法

注意 app 上的方法不是通過(guò) prototype 的方式掛載的，在原密碼中被標(biāo)記為 @private，是不被隨意修改的。

定義 app 方法

var app = (exports = module.exports = {});

方法和屬性說(shuō)明

方法	說(shuō)明
defaultConfiguration	初始化配置
lazyrouter	（私有）如果沒(méi)有初始化過(guò) router, 會(huì)初始化一次 router
handle	（私有）將 req、res 對(duì)分派到應(yīng)用程序中。開(kāi)始管道處理。
use	代理"Router#use()"將中間件添加到應(yīng)用路由器
engine	注冊(cè)模板引擎
param	代理到"Router#param()"，添加一個(gè) api 功能。
set	在 settings 對(duì)象設(shè)置一個(gè) key-value
path	返回一個(gè) app 的絕對(duì)路徑
enabled	檢查 settings 是否啟動(dòng)
disabled	檢查 settings 是否被禁用
enable	設(shè)置 setting 是 true
disable	設(shè)置 settings 是 false
app.[methods]	按照 methods 中數(shù)組添加 app 上的 http 方法
all	特殊情況的"all"方法，將給定的路由"路徑"、中間件和回調(diào)應(yīng)用于_every_ HTTP 方法。
del	是 delete 的別名
render	渲染指定名字的模板
listen	監(jiān)聽(tīng)鏈接

app 初始化

app.init = function init() {
  this.cache = {};
  this.engines = {};
  this.settings = {};
  this.defaultConfiguration();
};

初始化方法很簡(jiǎn)單，this 過(guò)載屬性

cache
engines
settings 配置

調(diào)用初始化配置，其實(shí)就是 settings 山掛載很多屬性：

獲取環(huán)境變量
啟動(dòng) x-powered-by
設(shè)置 etag 是 weak
設(shè)置環(huán)境變量
設(shè)置 query parser
設(shè)置 subdomain offset
設(shè)置 trust proxy
設(shè)置 this.settings trustProxyDefayultSymbol 的屬性
添加 mount 監(jiān)聽(tīng)函數(shù)
配置 locals
配置最好的 app 掛載到 /
配置 local.settings 為 this.settings
設(shè)置 view
設(shè)置 views
設(shè)置 jsonp callback name
在生產(chǎn)環(huán)境中啟動(dòng) view cache
在 router 上掛載方法排除 app.router 被廢棄的放錯(cuò)誤提示

這樣一個(gè) app 就初始化完成了。

小結(jié)

這篇文章主要是對(duì)于 application 對(duì)象的內(nèi)容。首先有兩個(gè) app 對(duì)象：

第一個(gè)是函數(shù) app，并且在 app 上掛載一些屬性，將來(lái)會(huì)合并原型 app 對(duì)象
第二個(gè) app 就是第一個(gè) app 的原型對(duì)象，為而立原型鏈的安全沒(méi)有使用 prootype 來(lái)實(shí)現(xiàn)方法，而是使用了私有方法來(lái)將倆個(gè) app 進(jìn)行合并。
合并之后 app 初始上初始化了屬性和方法。例如常用的 use/[http#methods]/listen常用的屬性和方法。

以上就是Express框架詳解app函數(shù)使用實(shí)例的詳細(xì)內(nèi)容，更多關(guān)于Express框架app函數(shù)的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章: