javascript中的闭包、函数的toString方法

liulun

发布于 2019-08-14 10:22:24

1K0

发布于 2019-08-14 10:22:24

文章被收录于专栏：liulunliulun

闭包：

闭包可以理解为定义在一个函数内部的函数，函数A内部定义了函数B，函数B有访问函数A内部变量的权力；闭包是函数和子函数之间的桥梁；举个例子：

let func = function() {
    let firstName = 'allen'
    let innerFunc = function(lastName) {
        console.log(`hello ${firstName}-${lastName}`)
    }
    innerFunc('Liu');
}
func();

输出：hello allen-Liu 如果父函数已经退出（返回），那么闭包效用也还是在的接着看这个例子：

let func = function() {
    let firstName = 'allen'
    let innerFunc = function(lastName) {
        console.log(`hello ${firstName}-${lastName}`)
    }
    return innerFunc
}
let innerFunc = func();
innerFunc('Liu');
innerFunc('Zhang');

输出：

hello allen-Liu
hello allen-Zhang

可见，js的执行引擎不但记住了这个内部函数；还记住了这个内部函数所在的环境 就算让这个内部函数引用它的父函数的入参，它也能引用的到！ 而且，不但可以引用环境变量，还可以修改环境变量； 再看个例子：

let func = function() {
    let name = 'allen'
    let setName = function() {
        name = 'kivi'
    }
    let getName = function() {
        console.log(name);
    }
    return { setName, getName }
}
let obj = func();
obj.getName();
obj.setName();
obj.getName();

输出结果为： allen kivi

函数的toString方法：

假设我们知道一个指向某方法的变量，我们可以调用toString方法看这个方法的代码：

let func = function(x) {console.log(x)};
func.toString();

运行输出：

"function(x) {console.log(x)}"

注意输出的是一个字符串， 这是一个非常强悍的功能，你得到这个字符串之后，可以随时eval它，执行方法的逻辑 遗憾的是，你不能信赖toString方法， 因为有时候你拿不到想要的方法体字符串；举个例子

let func = (function(x) {console.log(this.x)}).bind({x:123});
func();

输出：123 这是正常的，因为：bind方法产生了一个新的函数，并且给产生的这个新函数绑定了this，在这里this就是{x:123} 如果调用

func.toString();

输出结果就是：

"function () { [native code] }"

因为ECMAScript对toString方法并没有任何约束，浏览器开发厂商就无所顾忌了 js里的bind方法很有可能是C++实现的，所以你看到了[native code]

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

原始发表：2019-08-08 ，如有侵权请联系 cloudcommunity@tencent.com 删除

java

编程算法

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体分享计划，欢迎热爱写作的你一起参与！

java

编程算法

登录后参与评论

0 条评论

热度