123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- </head>
- <body>
- <div>
- <button onclick="clickCounter()" id="button">btn</button>
- <span id="span"></span>
- </div>
- <script>
- //makeProfileTimer///
- function makeProfileTimer() {
- let t0 = performance.now();
- return function () {
- let t1 = performance.now();
- console.log(t1 - t0);
- }
- }
- var timer = makeProfileTimer()
- alert('Замеряем время работы этого alert'); //некий код, время выполнения которого мы хотим измерить с высокой точностью
- alert(timer()); //alert должен вывести время в микросекундах от выполнения makeProfileTimer до момента вызова timer(),
- // т. е. измерить время выполнения alert
- var t0 = performance.now();
- console.log(1432 ** 42343 + 2424 / 3423 * 432);
- var t1 = performance.now();
- console.log("Call to doSomething took " + (t1 - t0) + " milliseconds.");
- //makeSaver1//
- function makeSaver(callable) {
- let res;
- let executed = !1;
- return function () {
- return executed ? res : (executed = !0, res = callable());
- };
- };
- var saver = makeSaver(Math.random) //создает функцию-хранилище результата переданной в качестве параметра функции (Math.random
- // в примере). На этом этапе Math.random НЕ вызывается
- var value1 = saver() //saver вызывает переданную в makeSaver функцию, запоминает результат и возвращает его
- var value2 = saver() //saver в дальнейшем просто хранит результат функции, и более НЕ вызывает переданную
- //в makeSaver функцию;
- value1 === value2 // всегда true
- var saver2 = makeSaver(() => console.log('saved function called') || [null, undefined, false, '', 0, Math.random()][Math.ceil(Math.random() * 6)])
- var value3 = saver2()
- var value4 = saver2()
- value3 === value4 // тоже должно быть true
- //Final Countdown//
- (function () {
- let countdown = 5;
- function t() {
- for (let i = 0; i < countdown; i++) {
- setTimeout(function () {
- console.log(countdown--);
- if (!countdown) {
- console.log('поехали!')
- }
- }, 1000 * i);
- }
- }
- t()
- })();
- //myBind//
- function myBind(func, context, bindArgs) {
- return function wrapper() {
- var args = Object.assign(bindArgs, arguments);
- return func.apply(context, args);
- }
- }
- var pow5 = myBind(Math.pow, Math, [undefined, 5]) // первый параметр - функция для биндинга значений по умолчанию,
- // второй - this для этой функции, третий - массив, в котором undefined означает
- // параметры, которые должны передаваться при вызове,
- // а другие значения являются значениями по умолчанию:
- var cube = myBind(Math.pow, Math, [undefined, 3]) // cube возводит число в куб
- pow5(2) // => 32, вызывает Math.pow(2,5), соотнесите с [undefined, 5]
- cube(3) // => 27
- var chessMin = myBind(Math.min, Math, [undefined, 4, undefined, 5, undefined, 8, undefined, 9])
- chessMin(-1, -5, 3, 15) // вызывает Math.min(-1, 4, -5, 5, 3, 8, 15, 9), результат -5
- var zeroPrompt = myBind(prompt, window, [undefined, "0"]) // аналогично, только теперь задается "0" как текст по умолчанию в prompt,
- // а текст приглашения пользователя задается при вызове zeroPrompt
- var someNumber = zeroPrompt("Введите число") // вызывает prompt("Введите число","0")
- myBind((...params) => params.join(''), null, [undefined, 'b', undefined, undefined, 'e', 'f'])('a', 'c', 'd') === 'abcdef'
- </script>
- </body>
- </html>
|