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("
"+" _ _ _ _____
/_\ | || | ___ _ _ /__ \ ___ __ _ _ __ ___
//_\\ | || | / _ \ | | | | / /\/ / _ \ / _` || '_ ` _ \
/ _ \| || || (_) || |_| | / / | __/| (_| || | | | | |
\_/ \_/|_||_| \___/ \__, | \/ \___| \__,_||_| |_| |_|
|___/
欢迎加入AlloyTeam：请将简历(邮件标题后面再加上'from console')发送至 %c Kinvix@QQ.com
", "color:red");
©xgqfrms 2012-2020
www.cnblogs.com 发布文章使用：只允许注册用户才可以访问！