zoukankan      html  css  js  c++  java
  • 一道经典的面试题

    	function Foo(){
    		getName=function(){console.log(1)}
    		return this;
    	};
    	Foo.getName=function(){console.log(2)};
    	Foo.prototype.getName=function(){console.log(3)};
    	var getName=function(){console.log(4)};
    	function getName(){console.log(5)};
    
    
    	Foo.getName();//2
    	getName();//4
    	Foo().getName();//1
    	getName();//1
    	new Foo.getName();//2
    	new Foo().getName();//3
    	new new Foo().getName();//3
    

    (1)调用Foo对象的私有属性getName,所以打印2

    (2)有些筒子认为打印的是5,其实是4

      1)函数声明和变量声明提升,函数声明提升顺序优于变量声明,变量定义并没有提升。

      2)解析器会先解析函数声明,并使其在执行任何代码之前可用,而函数表达式必须等解析器执行到它所在的代码行,才会被真正执行。所以执行顺序是先函数声明,再函数表达式,最后函数声明被函数表达式覆盖。

      3)函数声明等价于函数表达式。

    所以执行顺序是:函数getName和var getName提升;解析器解析函数getName;解析器执行getName=function(){console.log(4)},覆盖函数getName;执行getName()。

    (3)Foo()函数被执行,返回一个window对象。函数体中getName是一个全局变量,则重新getName赋值,所以打印1

    (4)全局变量getName被重新定义,所以打印1

    (5)(6)(7)都涉及到了运算符的优先级考察:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence

    (5)中new Foo.getName()可以分为(new Foo).getName()和new (Foo.getName)()两种情况。因为new 不带参数 优先级<成员访问 优先级,所以按照new (Foo.getName)()顺序执行,打印2

    (6)中new Foo().getName()可以分为(new Foo()).getName()和new (Foo().getName)()两种情况。如果按照第二种顺序执行,Foo()为函数调用,函数调用 优先级<new 带参数 优先级,所以得按照第一种顺序执行,打印3

    (7)中只是多了一个new运算符,可以分解成这样new (new Foo().getName)()、(new new Foo()).getName()。第一种情况可以参照(6)顺序执行。第二种情况:(new new Foo()).getName() ===> (new Foo对象).getName()。因为new不带参数 优先级<成员访问 优先级,故第二种情况执行顺序不对。最后按照第一种情况执行,打印3

    参考文档:https://segmentfault.com/a/1190000008446143

  • 相关阅读:
    sslforfree的证书合并成类似于certbot的ssl证书文件
    190129 胡思乱想
    Android deprecated apache module (HttpClient, HttpResponse, etc.)
    黑阀 adb 命令
    windows10 vs2019 + opencv 3.4.7环境搭建
    ASP.NET MVC 微信公众号支付,微信公众平台配置
    jQuery 滚动条 滚动到底部(下拉到底部) 加载数据(触发事件、处理逻辑)、分页加载数据
    js显示yyyy年mm日dd天 星期几 的格式日期
    jQuery对 动态添加 的元素 绑定事件(on()的用法)
    Jquery判断页面图片是否加载失败,加载失败则显示默认图片
  • 原文地址:https://www.cnblogs.com/liujn0829/p/8561015.html
Copyright © 2011-2022 走看看