Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "javascript agent pattern case analysis". The editor shows you the operation process through the actual case, and the operation method is simple, fast and practical. I hope this "javascript agent pattern case analysis" article can help you solve the problem.

In JavaScript, the principle of proxy pattern is to provide an object with a substitute or occupant to control access to it; it is an object structural pattern by providing a proxy to an object and the reference to the original object is controlled by the proxy object.

The operating environment of this tutorial: windows10 system, javascript1.8.5 version, Dell G3 computer.

The principle of Agent Mode of javascript

A proxy is an object (proxy) that controls access to the target object. For this reason, it first has the same interface as the target object, but unlike the decorator mode, it does not make any changes to the target object, and its purpose is to delay the initialization time of the "complex" object. This allows you to initialize the target object when it is used (especially for singletons).

Provide a substitute or placeholder for an object to control access to it

A proxy is provided to an object, and the reference to the original object is controlled by the proxy object. Agent pattern is a kind of object structure pattern.

There are two categories of agent patterns:

(1) ordinary agents

(2) inert agent

Look at a piece of code:

Function getSomething (value) {if (value > 10) {return value * 2;}}

Here we define a function, and if the value passed in is greater than 10, then we return twice its value. Mm-hmm. no, no, no. It's good, but there are some shortcomings. The function does too much, and our goal is to get two times the value of the parameter, and we make a conditional judgment here. (it doesn't matter here, of course. I'll just give you a simple example.) the function we want is to return a value.

Looking at a piece of code:

Function getSomething (value) {return value * 2;} function proxtGet (value) {if (value)

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.