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

  • 相关阅读:
    关于数据库主键和外键
    数据库建立索引常用原则
    恭喜!Apache Hudi社区新晋多位Committer
    触宝科技基于Apache Hudi的流批一体架构实践
    轻快好用的Docker版云桌面(不到300M、运行快、省流量)
    实时视频
    通讯-- 通讯录
    通讯-- 总指挥部
    右侧菜单-- 事件面板
    应急救援预案选择逻辑
  • 原文地址:https://www.cnblogs.com/liujn0829/p/8561015.html
Copyright © 2011-2022 走看看