console.log & front-end jobs

console.log & front-end jobs

bind & function

let log = console.log;
let obj = {};

log(obj);
log(typeof Function.prototype.bind);
log(typeof Function.prototype.bind());
log(Function.prototype.bind.name);
log(Function.prototype.bind().name);
//{}
//function
//function
//bind
//bound 

Function.prototype;
//ƒ () { [native code] }
Function.prototype.bind;
//ƒ bind() { [native code] }
Function.prototype.bind();
//ƒ () { [native code] }
Function.prototype.bind.name;
//"bind"
Function.prototype.bind().name;
// "bound "

https://zhuanlan.zhihu.com/p/50539121

vanilla js customize bind this

"use strict";

/**
 *
 * @author xgqfrms
 * @license MIT
 * @copyright xgqfrms
 * @created 2019-08-31
 * @modified
 *
 * @description vanilla js customize bind this
 * @augments
 * @example
 * @link
 *
 */

let log = console.log;

let obj = {
    x: 42,
    getX: function() {
        log(`this =`, this);
        log(`obj.x =`, obj.x);
        return this.x;
    }
};

// The function gets invoked at the global scope
let unboundGetX = obj.getX;
// log(unboundGetX());
// undefined

let boundGetX = unboundGetX.bind(obj);
// log(boundGetX());
// 42

Function.prototype.customizeBind = function() {
    let func = this;
    let _this = arguments[0];
    // arguments is array-like, not an array!
    // let args = Array.prototype.slice.apply(arguments,[1]);
    let args = [...arguments].slice(1);
    // log(`func =`, func);
    // log(`_this =`, _this);
    // log(`args =`, args);
    if (typeof func === "function") {
        return function() {
            let allArgs = args.concat([...arguments].slice(0));
            // log(`allArgs =`, allArgs);
            return func.apply(_this, allArgs);
        };
    } else {
        throw new Error(`Function.prototype.customizeBind - what is you trying to be bound is not callable!`);
    }
};

let customizeBoundGetX = unboundGetX.customizeBind(obj);
log(customizeBoundGetX());

ASCII text art

console.log(`%c
                                  _____                   _______                   _____                    _____                    _____                    _____
        ______                   /\    \                 /::\    \                 /\    \                  /\    \                  /\    \                  /\    \
       |::|   |                 /::\    \               /::::\    \               /::\    \                /::\    \                /::\____\                /::\    \
       |::|   |                /::::\    \             /::::::\    \             /::::\    \              /::::\    \              /::::|   |               /::::\    \
       |::|   |               /::::::\    \           /::::::::\    \           /::::::\    \            /::::::\    \            /:::::|   |              /::::::\    \
       |::|   |              /:::/\:::\    \         /:::/~~\:::\    \         /:::/\:::\    \          /:::/\:::\    \          /::::::|   |             /:::/\:::\    \
       |::|   |             /:::/  \:::\    \       /:::/    \:::\    \       /:::/__\:::\    \        /:::/__\:::\    \        /:::/|::|   |            /:::/__\:::\    \
       |::|   |            /:::/    \:::\    \     /:::/    / \:::\    \     /::::\   \:::\    \      /::::\   \:::\    \      /:::/ |::|   |            \:::\   \:::\    \
       |::|   |           /:::/    / \:::\    \   /:::/____/   \:::\____\   /::::::\   \:::\    \    /::::::\   \:::\    \    /:::/  |::|___|______    ___\:::\   \:::\    \
 ______|::|___|___ ____  /:::/    /   \:::\ ___\ |:::|    |     |:::|    | /:::/\:::\   \:::\    \  /:::/\:::\   \:::\____\  /:::/   |::::::::\    \  /\   \:::\   \:::\    \
|:::::::::::::::::|    |/:::/____/  ___\:::|    ||:::|____|     |:::|____|/:::/  \:::\   \:::\____\/:::/  \:::\   \:::|    |/:::/    |:::::::::\____\/::\   \:::\   \:::\____\
|:::::::::::::::::|____|\:::\    \ /\  /:::|____| \:::\   _\___/:::/    / \::/    \:::\   \::/    /\::/   |::::\  /:::|____|\::/    / ~~~~~/:::/    /\:::\   \:::\   \::/    /
 ~~~~~~|::|~~~|~~~       \:::\    /::\ \::/    /   \:::\ |::| /:::/    /   \/____/ \:::\   \/____/  \/____|:::::\/:::/    /  \/____/      /:::/    /  \:::\   \:::\   \/____/
       |::|   |           \:::\   \:::\ \/____/     \:::\|::|/:::/    /             \:::\    \            |:::::::::/    /               /:::/    /    \:::\   \:::\    \
       |::|   |            \:::\   \:::\____\        \::::::::::/    /               \:::\____\           |::|\::::/    /               /:::/    /      \:::\   \:::\____\
       |::|   |             \:::\  /:::/    /         \::::::::/    /                 \::/    /           |::| \::/____/               /:::/    /        \:::\  /:::/    /
       |::|   |              \:::\/:::/    /           \::::::/    /                   \/____/            |::|  ~|                    /:::/    /          \:::\/:::/    /
       |::|   |               \::::::/    /             \::::/____/                                       |::|   |                   /:::/    /            \::::::/    /
       |::|   |                \::::/    /               |::|    |                                        \::|   |                  /:::/    /              \::::/    /
       |::|___|                 \::/____/                |::|____|                                         \:|   |                  \::/    /                \::/    /
        ~~                                                ~~                                                \|___|                   \/____/                  \/____/

`, `color: #0f0; background: #000;`);

http://patorjk.com/software/taag/#p=display&h=0&v=0&f=Alpha&t=xgqfrms

refs

http://www.alloyteam.com/2020/01/14184/#prettyPhoto

    //Alloyteam 招聘广告
    window.console && console.log && console.log("\n"+"   _    _  _                _____                         \n  \/_\\  | || |  ___   _   _ \/__   \\  ___   __ _  _ __ ___  \n \/\/_\\\\ | || | \/ _ \\ | | | |  \/ \/\\\/ \/ _ \\ \/ _` || '_ ` _ \\ \n\/  _  \\| || || (_) || |_| | \/ \/   |  __\/| (_| || | | | | |\n\\_\/ \\_\/|_||_| \\___\/  \\__, | \\\/     \\___| \\__,_||_| |_| |_|\n                     |___\/\n\n 欢迎加入AlloyTeam：请将简历(邮件标题后面再加上'from console')发送至 %c Kinvix@QQ.com \n", "color:red");

---

---

xgqfrms 2012-2020

www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！

---