快捷導(dǎo)航

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

更新時間：2023年03月03日 09:54:02 作者：喬治_x

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

express 函數(shù)來源

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

express 函數(shù)，函數(shù)也是個對象，意味著函數(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;
}

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

express 的其他輸出

exports.application = proto; // application 的原型
exports.request = req; // 請求對象
exports.response = res; // 響應(yīng)對象
exports.Route = Route; // 路由項目
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; // 解析

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

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 中掛載請求/響應(yīng)對象

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

app 中的原型

從源碼中得知，app 的 proto 并不是使用 app.prototype.xxx 來進(jìn)行擴(kuò)展的，而是使用 mixin 方法來進(jìn)行擴(kuò)展的。這里我們要了解到 JS 的原型鏈的安全問題（防止原型鏈被污染，這些重要的方法），下面?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 對象上自己的屬性描述符賦值給 dest 的屬性描述符，實(shí)現(xiàn)了此次 merge 或者叫做 mixin。

app 對象上掛載方法

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

定義 app 方法

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

方法和屬性說明

方法	說明
defaultConfiguration	初始化配置
lazyrouter	（私有）如果沒有初始化過 router, 會初始化一次 router
handle	（私有）將 req、res 對分派到應(yīng)用程序中。開始管道處理。
use	代理"Router#use()"將中間件添加到應(yīng)用路由器
engine	注冊模板引擎
param	代理到"Router#param()"，添加一個 api 功能。
set	在 settings 對象設(shè)置一個 key-value
path	返回一個 app 的絕對路徑
enabled	檢查 settings 是否啟動
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)聽鏈接

app 初始化

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

初始化方法很簡單，this 過載屬性

cache
engines
settings 配置

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

獲取環(huán)境變量
啟動 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)聽函數(shù)
配置 locals
配置最好的 app 掛載到 /
配置 local.settings 為 this.settings
設(shè)置 view
設(shè)置 views
設(shè)置 jsonp callback name
在生產(chǎn)環(huán)境中啟動 view cache
在 router 上掛載方法排除 app.router 被廢棄的放錯誤提示

這樣一個 app 就初始化完成了。

小結(jié)

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

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

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

您可能感興趣的文章: