javascript ES3小测试

一、温故知新

做做题,总是能有温故知新的体验。这套题是2010年的了,比较老了,

http://perfectionkills.com/  还有一套http://perfectionkills.com/javascript-quiz-es6 比较新ES6相关的。

在这个页面有14道ECMAScript相关的题,我试了下答错了6道题,有些知识,感觉着会了,别人说出来肯定能懂,但是自己做题却不一定对,就是因为掌握的还不够深刻,或者记忆出错等,下面来分析一下。

二、分析一下每道题的考点和原理

不会把每个知识点都详细讲解,有些是点到为止,有些会给出参考链接。

1、考点:typeof和arguments

(function(){
    return typeof arguments;
  })();

分析:typeof返回值有"string"/"number"/"undefined"/"boolean"/ "function"/"object"。了解更多

而arguments是一个类数组,并不是真正的数组,所以很明显是typeof返回值是"object"。了解更多

2、考点:命名式函数表达式NFE【我答错了】

 var f = function g(){ return 23; };
 typeof g();

分析:var f=function g(){} 是一个命名函数表达式。

typeof g()返回g函数调用后的结果的typeof值。

在作用域链上找g这个变量时根本找不到,所以会报错:g is not a function。

所以正确答案就是D了。

规范规定:命名函数表达式名字(标识符)在函数体的作用域内有效,且不能被覆盖。了解更多

3、考点:delete【我答错了】

  (function(x){
    delete x;
    return x;
  })(1);

立即执行函数对应的,变量对象上有一个x值为传入的1,相当于是var声明的,所以是不能被delete掉的。

delete x返回false。return x返回的值还是1.

所以正确答案是1

记住一点:delete运算符不能删除变量,不能删除参数,用来删除对象上configurable为true的属性 了解更多

4、考点:变量声明,执行上下文

 var y = 1, x = y = typeof x;
 x;

分析:var y=1,x=y=typeof x;相当于

第一步:y=undefined,x=undefined;

第二步:typeof x返回“undefined”字符串,把这个字符串赋值给y变量,然后赋值给x变量,所以最后x和y的值都是字符串“undefined”。了解更多

5、考点:优先级

(function f(f){
    return typeof f();
 })(function(){ return 1; });

分析:函数调用()优先级比 typeof优先级高

IEF中传入参数是一个函数,调用后,先执行这个函数,得到结果数字1, typeof 1返回"number"所以答案就是"number"。了解更多

6、考点:this

  var foo = {
    bar: function() { return this.baz; },
    baz: 1
  };
  (function(){
    return typeof arguments[0]();
  })(foo.bar);

分析:

foo是一个对象,对象里面有一个属性baz,一个方法bar。在IEF中传入一个参数foo.bar,foo.bar是一个函数,

调用的时候,函数先执行,返回一个this.baz。此时this指向window对象,window.baz不存在,所以返回undefined,而typeof undefined返回"undefined"。了解更多

7、考点:this

var foo = {
    bar: function(){ return this.baz; },
    baz: 1
  }
  typeof (f = foo.bar)();

把foo.bar属性赋给f,此时f是一个函数,调用后this执向window,window.bar不存在,返回undefined,typeof undefined返回“undefined”。

8、考点:逗号运算符【我答错了】

var f = (function f(){ return "1"; }, function g(){ return 2; })();
typeof f;

这道题考察的是逗号运算符。

f是一个立即执行的表达式,逗号表达式的值是最后一个表达式既function g(){},所以立即调用g函数返回2,typeof 2就是“number”。

逗号表达式会从左到右依次计算表达式的值,最后取最右边的。了解更多

我把逗号运算符取值记成左边了,所以答错了。

9、坑【我答错了】

var x = 1;
  if (function f(){}) {
    x += typeof f;
  }
  x;

分析:function f(){}是个变量声明,我们平时写代码不可能把一个函数声明放到if语句中,但是测试一下if中放一个函数声明的话条件为真内容是会执行的。

而typof f去查找f的时候,在它的作用域中找不到,所以typeof f返回"undefined"字符串,所以x+="undefined"最终x的值就是"1undefined"。

10、考点

var x = [typeof x, typeof y][1];
typeof typeof x;

分析:typefo返回的本身就是个字符串,再来一次typeof肯定"string"。这是个投机取巧的思维。

11、

(function(foo){
    return typeof foo.bar;
  })({ foo: { bar: 1 } });

分析:IEF中传入一个对象字面量有一个属性foo,foo的值是一个包含一个bar属性的对象。调用时,获取参数对象中的bar属性,并没有这个属性,所以返回undefined,typeof undefined返回“undefined”。

12、考点:函数声明预解析【我答错了】

(function f(){
    function f(){ return 1; }
    return f();
    function f(){ return 2; }
  })();

立即执行的f函数里面,在变量声明阶段声明一个f值是一个函数声明,被后面的函数声明覆盖了,所以是f的值是function f(){return 2;}

我记错了,变量声明阶段函数的声明直接就赋值了,所以答案就是2。了解更多

13、考点:instanceof【我答错了】

 function f(){ return f; }
 new f() instanceof f;

构造函数function f(){

return f;//返回值是f,作用域链向上查找,能找到f=>function f(){return f;} 因为f不是基本类型,所以会返回f。

}

所以new f()调用的结果是f函数本身。所以现在问题就变成了f instanceof f是true还是false。

function A(){}是Function的实例,A的原型链上找不到A.prototype属性,所以instanceof返回false。

了解更多

14、考点:with语句

with (function(x, undefined){}) length;

分析:相当于获取with中匿名函数的实际参数的个数

本文作者starof,因知识本身在变化,作者也在不断学习成长,文章内容也不定时更新,为避免误导读者,方便追根溯源,请诸位转载注明出处:http://www.cnblogs.com/starof/p/6816474.html有问题欢迎与我讨论,共同进步。

时间: 2024-12-11 12:50:45

javascript ES3小测试的相关文章

15条初学者必看的JavaScript快速小贴士

(本图为:15条初学者必看的JavaScript快速小贴士) 今天小编为了我们的初学JavaScript的小伙伴们简单介绍下这门编程语言,更好的帮助你们来深入的学习它,使用它: JavaScript 是属于网络的脚本语言! JavaScript 被数百万计的网页用来改进设计.验证表单.检测浏览器.创建cookies,以及更多的应用. JavaScript 是因特网上最流行的脚本语言. JavaScript 很容易使用!你一定会喜欢它的! 为了能够帮助那些刚开始接触 JavaScript 的人,我

struts2 返回页面数据小测试

用户通过查询,后台得到查询数据,那么struts2这么把查询的数据,在页面显示?做个小测试. 创建项目 导入jar包(如果不知道导入哪些jar,参考前面章节)测试jar包为2.5 配置web.xml 写测试 项目结构图 web.xml <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance&qu

初学php html javascript后小总结

php基本的语法网上看一些别人写的网站就会了) php下的执行sql语句: 1.建立数据库连接: $conn = mysql_connect("localhost", "root", "admin") or die("Could not connect " ); Localhost:本地主机名,root:mysql数据库账号   admin:mysql数据库密码 mysql_select_db("test"

JavaScript基础--小案例:在网页指定位置弹出错误信息(十二)

案例分析:点击按钮后,在网页上指定区域,提示错误信息!5秒后,错误信息提示自动消失! 1 <script languag="javascript" type="text/javascript"> 2 var clearId; 3 function test(){ 4 document.getElementById("showMsg").style.cssText="width:200px;height:50px;left:6

[UNet]通过一个小测试了解Command和ClientRpc的功能

作者只是业余时间接触Unity 2个月的新人一枚,如有不对的地方,请各位大神指正! Unity 5.以后使用了新的网络模块UNet(其实我接触的晚压根没用过老的- -!),但是在使用过程中确实关于UNet的资料和讨论挺少的,于是自己做了个小项目测试了Command和ClientRpc两个命令. 首先我们看看官方给出的定义: Commands Commands are sent from player objects on the client to player objects on the s

[Python]threading local 线程局部变量小测试

概念 有个概念叫做线程局部变量,一般我们对多线程中的全局变量都会加锁处理,这种变量是共享变量,每个线程都可以读写变量,为了保持同步我们会做枷锁处理.但是有些变量初始化以后,我们只想让他们在每个线程中一直存在,相当于一个线程内的共享变量,线程之间又是隔离的.python threading模块中就提供了这么一个类,叫做local. 多线程中共享变量和局部变量的区别我画两个小图,简单描述下(作图能力一般,请见谅,概念性的东西大家可以google下,很多好文章) 全局变量 线程局部变量 对比: 下面是

JavaScript 内存释放测试

JS内部实现垃圾回收机制 无法立即释放 只要数据没有依赖关系 就会在下轮内存回收时清理 ! function () { var array = [] , count = 100*100*100*5 , time = +new Date ; while( count-- ) array.push( document.createElement('el') ) ; console.log( +new Date - time, array.length ) ; count = 100*100*100*

关于JavaScript的小故事

妈妈:Netscape公司 原名:LiveScript 更名原因:想沾Java的光 亲缘关系:取了一个叫JavaScript的名字,其实和Java没什么血缘关系 关于JavaScript的小故事,布布扣,bubuko.com

Python下实现文件中的全文搜索小测试

username = 'test' password = '123456' while True: user_str = raw_input("Please input your name>>") pass_str = raw_input("Please input your password>>") if username != user_str or password != pass_str: print "Sorry,You