求解析,这段js代码的结果为什么不是hello world?

var Java = function(cnt){
  this.content = cnt;
  (function(content){
    console.log(content);
  })(content);
}

function fn(){
  return new Java("hello world");
}

fn();

全部评论
首先要明白new运算符做了什么? 1. 隐式创建一个空对象,并且this变量引用这个对象,还继承了该函数的__proto__ 2. 将属性和方法指向这个对象的实例 3. 隐式返回这个this对象 相当于执行了下面这段代码: var Java = function(cnt){ var oImply = {} oImply.__proto__ = Java.prototype oImply.content = cnt (function(content){ console.log(content) })(content) return oImply } 所以IIFE(立即执行函数)里面的content变量会先在Java函数中查看,找不到。就往父级作用域上找,上一层是window。也找不到就报错了。 content is not defined
点赞 回复 分享
发布于 2017-05-11 23:11
content变量不存在,this.content直接绑定在上下文对象属性上了。改成var content = cnt就可以了……
点赞 回复 分享
发布于 2017-05-11 19:15
上下文对象里的content为什么不能被访问到?
点赞 回复 分享
发布于 2017-05-11 22:51
(function(content){ console.log(content); }) (content); //content_3 这个传给匿名函数的content_3是window对象的属性,但window对象并没有定义过。 this.content = cnt; 而你定义了的那个content对应的是java构造函数生成的对象
点赞 回复 分享
发布于 2017-05-12 18:46

相关推荐

点赞 收藏 评论
分享
牛客网
牛客企业服务