一道面试题 包含了new的细节 和运算符的优先级 还有属性访问机制
function Foo() {
getName = function () { alert(1); }
return this;
}
Foo.getName = function () { alert(2); }
Foo.prototype.getName = function () { alert(3); }
var getName = function () { alert(4); }
function getName () { alert(5); }
这是在网上看到的一道面试题 嗯 考察的知识点挺多 其他的就不多说了
我用我的理解与解题方式来解答这道题
1.首先是变量提升
变量提升包括var 声明的变量和fucntion 声明
举个例子
1.var a=4;
2.function test(){
console.log(456);
};
函数变量声明会先于普通变量之前,并且不会被后面的同名覆盖
但是会被后面的同名赋值覆盖!
就是 function a(){};
var a;
这样不会覆盖函数a
但是如果 var a=4;
函数a就会被覆盖
接下来从第一个开始分析
Foo.getName(); 首先变量提升之后是这个样子滴 //变量提升
第一题function Foo(){
getName = function () { alert(1); }//foo函数执行的时候 会覆盖全局中的getName
return this;
/*
new 运算符的时候会执行以下
var obj={};//创建一个空对象
将构造函数的作用域赋给新对象
这个新对象的内置原形指向构造函数的原形对象
obj.__proto__=Foo.prototype;
执行构造函数中的代码
返回这个对象(如果显示返回基本数据类型 无效 还是会返回这个对象
如果返回的是引用类型 那么这个对象将没用了)
*/
}
//变量提升
//2.function getName () { alert(5); }
//变量提升
3.var getName;
4.Foo.getName = function () { alert(2); }
5.Foo.prototype.getName = function () { alert(3); }
6.getName = function () { alert(4); }
之前的2 会被6覆盖 所以2就可以注释掉了
第二题 Foo.getName(); //弹出窗口值为2 不用解释了吧
第三题 getName();//弹出窗口值为4
第四题 Foo().getName(); 先执行Foo();
里面的getName=function(){alert(1);} 会覆盖全局作用域中的6
因为是在全局作用域下调用Foo函数 所以this就是window
window.getName(); //弹出窗口值为6 第五题 new Foo.getName(); new (Foo.getName)(); //弹出窗口值为2
笨想:肯定不会是执行Foo.getName 之后才new 会报错
优先级问题 .(成员访问的优先级高于new 并且从左到右
于是就把Foo.getName这个函数当做构造函数执行
第六题
new Foo().getName();
.运算符从左到右
new Foo(); 返回一个Foo类型的对象 {}
{}.getName();
找不到 然后去构造它的函数Foo的prototype上找
Foo.prototype.getName = function () { alert(3); }
所以结果 3 第七题
也是运算符优先级的问 new new Foo().getName(); 在这里面.的优先级最高
new ((new Foo()).getName)();
先执行.左 然后.右
先执行Foo(); 然后new 返回一个Foo类型的对象
然后得到getName的函数体
然后当做构造函数执行 alert(3) 然后返回一个Foo.getName类型的对象 可能有些地方不是让所有人懂
毕竟我也是一直菜鸟
// Foo.getName(); //2
// getName(); //4
// Foo().getName(); //1
// getName(); //1
// new Foo.getName();//2
// new Foo().getName();//3
// new (new Foo().getName)()//3;
优先级 |
运算类型 |
关联性 |
运算符 |
20 |
n/a |
( … ) |
|
19 |
从左到右 |
… . … |
|
从左到右 |
… [ … ] |
||
new (带参数列表) |
n/a |
new … ( … ) |
|
从左到右 |
… ( … ) |
||
18 |
new (无参数列表) |
从右到左 |
new … |
17 |
后置递增(运算符在后) |
n/a |
… ++ |
后置递减(运算符在后) |
n/a |
… -- |
|
16 |
从右到左 |
! … |
|
从右到左 |
~ … |
||
从右到左 |
+ … |
||
从右到左 |
- … |
||
从右到左 |
++ … |
||
从右到左 |
-- … |
||
从右到左 |
typeof … |
||
从右到左 |
void … |
||
从右到左 |
delete … |
||
15 |
从右到左 |
… ** … |
|
14 |
从左到右 |
… * … |
|
从左到右 |
… / … |
||
从左到右 |
… % … |
||
13 |
从左到右 |
… + … |
|
从左到右 |
… - … |
||
12 |
从左到右 |
… << … |
|
从左到右 |
… >> … |
||
从左到右 |
… >>> … |
||
11 |
从左到右 |
… < … |
|
从左到右 |
… <= … |
||
从左到右 |
… > … |
||
从左到右 |
… >= … |
||
从左到右 |
… in … |
||
从左到右 |
… instanceof … |
||
10 |
从左到右 |
… == … |
|
从左到右 |
… != … |
||
从左到右 |
… === … |
||
从左到右 |
… !== … |
||
9 |
从左到右 |
… & … |
|
8 |
从左到右 |
… ^ … |
|
7 |
从左到右 |
… | … |
|
6 |
从左到右 |
… && … |
|
5 |
从左到右 |
… || … |
|
4 |
从右到左 |
… ? … : … |
|
3 |
从右到左 |
… = … |
|
… += … |
|||
… -= … |
|||
… *= … |
|||
… /= … |
|||
… %= … |
|||
… <<= … |
|||
… >>= … |
|||
… >>>= … |
|||
… &= … |
|||
… ^= … |
|||
… |= … |
|||
2 |
从右到左 |
yield … |
|
从右到左 |
yield* … |
||
1 |
n/a |
... … |
|
0 |
从左到右 |
… , … |
一道面试题 包含了new的细节 和运算符的优先级 还有属性访问机制的更多相关文章
- (转)从一道面试题彻底搞懂hashCode与equals的作用与区别及应当注意的细节
背景:学习java的基础知识,每次回顾,总会有不同的认识.该文系转载 最近去面试了几家公司,被问到hashCode的作用,虽然回答出来了,但是自己还是对hashCode和equals的作用一知半解的, ...
- PHP递归创建多级目录(一道面试题的解题过程)
今天看到一道面试题,要写出一个可以创建多级目录的函数: 我的第一个感觉就是用递归创建,具体思路如下: function Directory($dir){ if(is_dir($dir) || @mkd ...
- 关于Java类加载双亲委派机制的思考(附一道面试题)
预定义类加载器和双亲委派机制 JVM预定义的三种类型类加载器: 启动(Bootstrap)类加载器:是用本地代码实现的类装入器,它负责将 <Java_Runtime_Home>/lib下面 ...
- 一道面试题比较synchronized和读写锁
一.科普定义 这篇博文的两个主角“synchronized”和“读写锁” 1)synchronized 这个同步关键字相信大家都用得比较多,在上一篇“多个线程之间共享数据的方式”中也详细列举他的应用, ...
- <转>一道面试题比较synchronized和读写锁
一.科普定义(原文:http://903497571.iteye.com/blog/1874752) 这篇博文的两个主角“synchronized”和“读写锁” 1)synchronized 这个同步 ...
- 一道面试题与Java位操作 和 BitSet 库的使用
前一段时间在网上看到这样一道面试题: 有个老的手机短信程序,由于当时的手机CPU,内存都很烂.所以这个短信程序只能记住256条短信,多了就删了. 每个短信有个唯一的ID,在0到255之间.当然用户可能 ...
- 【C#基础知识】静态构造函数,来源于一道面试题的理解
看到园友的一道面试题,很好奇,测试了一下结果. public class A { public static int X=B.Y ; public A() { ++X; } } public clas ...
- 关于一道面试题,使用C#实现字符串反转算法
关于一道面试题,使用C#实现字符串反转算法. 题目见http://student.csdn.net/space.php?do=question&ac=detail&qid=490 详细 ...
- 一道笔试题和UML思想 ~
一句软件工程界的名言,让我想起了一个和一道笔试题有关的故事.希望更多的人了解 UML 背后的思想比他的语法更重要,是笔者写作本文的一点小愿望. 一.从一句软件工程名言说起 对很多事情的处理上,东西方都 ...
随机推荐
- Git学习笔记一《版本控制之道-使用Git》
1.在Windows中安装完git后,需要进行一下配置:$ git config --global user.name "zhangliang"$ git config --glo ...
- JOptionPane类提示框常用方法总结
JOptionPane类封装了很多的方法,总结如下: 1.showMessageDialog 显示一个带有OK 按钮的模态对话框. 下面是几个使用showMessageDialog 的例子: Java ...
- inoremap nnoremap vnoremap
原贴:https://www.xuebuyuan.com/zh-hant/1116162.html inoremap nnoremap vnoremap i insert 在插入模式有效 n 在 普通 ...
- python 全栈开发,Day139(websocket原理,flask之请求上下文)
昨日内容回顾 flask和django对比 flask和django本质是一样的,都是web框架. 但是django自带了一些组件,flask虽然自带的组件比较少,但是它有很多的第三方插件. 那么在什 ...
- MyBatis查询,返回值Map或List<Map>
一.返回值Map 1.mapper.xml <select id="selectUserMapLimitOne" resultType="java.util.Has ...
- Redis设置Key/value的规则定义和注意事项(附工具类)
对于redis的存储key/value键值对,经过多次踩坑之后,我们总结了一套规则:这篇文章主要讲解定义key/value键值对时的定义规则和注意事项. 前面一篇文章讲了如何定义Redis的客户端和D ...
- Entity Framework解决sql 条件拼接,完美解决 解决 不支持 LINQ 表达式节点类型“Invoke”【转】
传统的操作数据库方式,筛选数据需要用StringBuilder拼接一大堆的WHERE子句. 在Entity Framework中,代码稍有不慎就会造成巨大性能消耗,如: using(var db=ne ...
- 《JavaScript 高级程序设计》第二章:在HTML中使用JavaScript
script 标记是 netspace 公司最早为在 html中引入 javascript代码而创造的HTML元素,并最终被 HTML规范采纳. script 标记有四个比较重要的属性: src ty ...
- AOJ 0009 Prime Number
题意:给出n,求不大于n的素数有多少个. 算法:先用线性时间复杂度的筛法打素数表,对于每个输入统计不超过的素数个数. #include <cstdio> int p[100010]; bo ...
- sed & awk常用正则表达式
正则表达式元字符 正则表达式中有两种基本元素: 以字面值或变量表示的值(如.代表任意单个字符). 操作符(如*代表将前面的字符重复任意次). 元字符汇总 特殊字符 用途 . 匹配除换行符以外的任意单个 ...