首页 > 其他分享 >webpack

webpack

时间:2022-12-03 18:47:39浏览次数:46  
标签:function Function 函数 param webpack call prototype

目录

简介

!function (allModule) {
    function useModule(whichModule) {
        allModule[whichModule].call(null, "hello world!");
    }
    useModule(0)
}([
    function module0(param) {console.log("module0: " + param)},
    function module1(param) {console.log("module1: " + param)},
    function module2(param) {console.log("module2: " + param)},
]);

运行以上代码,会输出 module0: hello world!,相信通过浅显易懂的变量名和函数名,应该就可以看懂大致含义了,调用 useModule(0),从所有函数里选择第一个,将 hello world! 传递给 module0 并输出。

仔细观察以上代码,我们会发现主要用到了 !function(){}()function.call() 语法

Function.prototype.call() / apply() / bind()

Function.prototype.call()Function.prototype.apply()Function.prototype.bind() 都是比较常用的方法。它们的作用一模一样,即改变函数中的 this 指向,它们的区别如下:

  • call() 方法会立即执行这个函数,接受一个多个参数,参数之间用逗号隔开;
  • apply() 方法会立即执行这个函数,接受一个包含多个参数的数组;
  • bind() 方法不会立即执行这个函数,返回的是一个修改过后的函数,便于稍后调用,接受的参数和 call() 一样。

解密方式

先找到加密位置,根据加密位置定位加载器,它一般是一个自执行函数

把加载器部分代码复制下来

可以打印加载器所需的函数

webpak

将目标函数放进来后我们就开始补其他函数

标签:function,Function,函数,param,webpack,call,prototype
From: https://www.cnblogs.com/kai-/p/16948542.html

相关文章

  • webpack的基本配置
    webpack的基本配置:1:mode:编译模式是一个字符串取值为development或者为production.2:entry:入口指定入口文件。默认的入口文件是src目录下面index.js但是我们也可以自己......
  • 说一说webpack的配置文件
    可能有一些友友会奇怪为什么在写webpack的配置文件的时候,我们只能用commonJS导出。原因:在打包的时候需要运行webpack的配置文件里面的代码,而webpack在打包运行的环境在nod......
  • 前端工程化与webpack的介绍
    前端工程化概念:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。模块化js的模块化,css的模块化,资源的模块化组件化复......
  • React Webpack copy文件到build路径
    目的:webpack打包时将资源文件copy到指定路径1:安装依赖copy-webpack-plugin、customize-cra、react-app-rewired2:修改script,使用react-app-rewired命令"build:copy":"......
  • Angular 如何修改webpack配置(配置loader)
    1.修改AngularCLIwebpack配置1.1安装@angular-builders/custom-webpacknpminstall-D@angular-builders/custom-webpack1.2新建webpack配置文件extra-webpac......
  • webpack源码之ast简介
    什么是AST树是一种重要的数据结构,由根结点和若干颗子树构成的。根据结构的不同又可以划分为二叉树,trie树,红黑树等等。今天研究的对象是AST,抽象语法树,它以树状的形式......
  • webpack配置css文件
    1.webpack处理js文件webpack会自动处理js文件和js文件之间的依赖。配置webpack.config.js文件,就可以在运行的时候使用webpack来代替webpack'./src/ma......
  • webpack打包ts代码
    webpack通常情况下,实际开发中我们都需要使用构建工具对代码进行打包,TS同样也可以结合构建工具一起使用,下边以webpack为例介绍一下如何结合构建工具使用TS。步骤:初始化项......
  • webpack打包工具-基本配置
    /**@Author:[email protected]*@Date:2022-11-2517:42:05*@LastEditors:[email protected]*@LastEditTime:2022-11-2617......
  • TypeScript学习笔记-05webpack打包
    1.使用命令npminit-y生成项目package.json,这个文件是项目的基本信息,方便我们对项目进行管理,如图所示。2.使用命令 npmi-Dwebpackwebpack-clitypescriptts-load......