justjavac / proxy-www

学会 Proxy 就可以为所欲为吗？对，学会 Proxy 就可以为所欲为！

proxy-www

学会 Proxy 就可以为所欲为吗？

对，学会 Proxy 就可以为所欲为！

原始来源：https://twitter.com/RReverser/status/1138788910975397888 #14

const www = new Proxy(new URL('https://www'), {
    get: function get(target, prop) {
        let o = Reflect.get(target, prop);
        if (typeof o === 'function') {
            return o.bind(target)
        }
        if (typeof prop !== 'string') {
            return o;
        }
        if (prop === 'then') {
            return Promise.prototype.then.bind(fetch(target));
        }
        target = new URL(target);
        target.hostname += `.${prop}`;
        return new Proxy(target, { get });
    }
});

访问百度

www.baidu.com.then(response => {
    console.log(response.status);
    // ==> 200
})

使用 async/await 语法：

const response = await www.baidu.com

console.log(response.ok)
// ==> true

console.log(response.status);
// ==> 200

proxy-www's Issues

Give proper credit

https://twitter.com/RReverser/status/1138788910975397888

老哥们这个东西是干啥用的？

RT
求教奥

为啥不把get改成arguments.callee呢？这样不会污染全局

###代码
const www = new Proxy(new URL('https://www'), {
get: function (target, prop) {
let o = Reflect.get(target, prop);
if (typeof o === 'function') {
return o.bind(target)
}
if (typeof prop !== 'string') {
return o;
}
if (prop === 'then') {
return Promise.prototype.then.bind(fetch(target));
}
target = new URL(target);
target.hostname += .${prop};
return new Proxy(target, { get:arguments.callee });
}
});
www.baidu.com.then(response => {
console.log(response.status);
// ==> 200
})

原作者看到了

很不理解你这种行为，拿别人Twitter上的创意和代码创建repo，连credit也是今天有人提出来才加的

有没有真实使用场景呢?

项目里能实际用到的

请教

if (typeof o === 'function') {
       return o.bind(target)
 }

什么情况下代码会走到这个条件分支?

秒啊~

此 proxy 非彼 proxy 啊……

看见标题同时有 proxy 和 www，本来以为又是一个代理工具，进来一看……

原来是 JS 的 Proxy 对象啊……

被 骗 了

(当然了，JS 的 Proxy 是个很强大的玩意，它相当于 C++ 的重载运算符，把一个原本光秃秃的对象附加上一堆神奇特性，这点我不否认)

你好*啊

卧槽

如果前缀并不是 www 呢？

那还不去把vue3 proxy兼容ie的问题解决一下，等你呢

Bug: demo code doesn't works for domain contains "then"

www.then.baidu.com.then(console.log);

> GET https://www/ net::ERR_CONNECTION_CLOSED

*气