• 一道经典的面试题


    	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

  • 相关阅读:
    php 安装 Redis 扩展
    远程连接mysql出现"Can't connect to MySQL server 'Ip' ()"的解决办法
    MySQL 连接超时:报错SQLSTATE[HY000] [2002] Connection timed out解决
    linux命令解压压缩rar文件
    Xshell、Xftp评估过期的解决办法
    远程连接mysql出现1045错误的解决办法
    PHP 判断当前日期是否是法定节假日或者休息日
    PHP解压压缩包文件到指定目录的实现
    PHP逐行解析文件,并写入数据库
    PHP编程实现多维数组按照某个键值排序的方法
  • 原文地址:https://www.cnblogs.com/liujn0829/p/8561015.html
Copyright © 2020-2023  润新知