每天学习点js
---- 有人会说js很简单,很容易学,但是要想把这门语言用活,用精通还是需要下很大的功夫的。那么我们就来看看接下来这几道js面试题吧。
题1
if(!(a in window)){
var a = ;
}
console.log(a);
在控制台输出的结果是 undefined,其实就是考察js中变量提升的知识点。
变量提升表示的是变量的声明会被提前到函数顶部的地方,而赋值语句不会提升。因此上面的题目实际是等于如下代码
//变量提升
var a;
if(!(a in window)){
a = 1;
}
console.log(a)
变量a提升到顶部,第一句就相当于window.a = undefined,所以在if语句中,判断条件始终是false,因此a=1不会执行,最终输出undefined。
题2
var a = 1,
b = function(){
x && a(--x);
}
console.log(a);
结果是1.
这道题考察的知识点是是具名函数表达式,声名函数表达式是不攒在变量提升的,所以函数的定义不会被提前到顶部;而且声名函数表达式的名字在外部访问时会报错,只能函数内部访问到。我们可以看看下面的例子。
var b = function a () {}
b(); //调用正常
a();//typeError:a is not a function
题3
function a(x){
return x*2;
}
var a ;
console.log(typeof a);
结果为 function
这道题目是的知识点是 函数声明和变量声明。 需要记住一点就是,在JavaScript中,函数声明的优先级高于变量声明的优先级。
因此在上述题中,由于优先级的问题,a会被定义为一个函数,后面定义的变量不会生效,因此typeof的时候会返回function。
但是,需要注意的是,虽然函数声明会覆盖变量声明,但不会覆盖变量的赋值,我们将上面的代码该下,就会发现这个特点。
function a(x){
return x*2;
}
var a = 1;
console.log(typeof a);
上面的代码会返回number。因为赋值语句a= 1不会被覆盖,所以a会是一个数字,而不是函数,最终返回number。
题4
function b(x,y,a){
arguments[2] = 10;
console.log(a);
}
b(1,2,3);
最终输出的结果是10
但是,需要注意一种特殊情况,那就是严格模式,在严格模式下,arguments对象实际是函数参数的一个拷贝,实际指向的是不同的内存空间,对arguments值的改变并不会影响到函数参数值。
所以在严格模式下输出的是3
function a(){
console.log(this);
}
a.call(null);
输出的结果是window对象。
这道题目考察的call方法,在js中,如果给call方法传递的第一个参数为null或者undefined,那么call方法中this会指向全局对象。
在浏览器环境中,全局对象为window;而在nodejs环境中全局对象为global,因此上述代码如果在浏览器下运行,会返回window。
每天学习点js的更多相关文章
- 每天学习点js(2)
在日常开发中可能有很多不被重视但有关系着基础的知识,下面我们就来看看这几道题吧 题1 ["1","2","3"].map(parseInt) ...
- 我的学习笔记之node----node.js+socket.io实时聊天(1) (谨此纪念博客开篇)
本想着从hello word开篇,也确实写了相关学习笔记.各种原因吧,现在又着急写出作品,便作罢. 这里将记录一个node.js+socket.io的实时聊天程序.(当然我也是跟着网上各种教程资料学习 ...
- 一个Js开发者学习Python的第一天
原文地址:小寒的博客 https://www.dodoblog.cn/blogs/5bf6b8fa0c09883d0f8aad13 作为一个有着足足两年半学习经验和一年半开发经验的js开发者,看着js ...
- 我的学习笔记之node----node.js+socket.io实时聊天(1)
本想着从hello word开篇,也确实写了相关学习笔记.各种原因吧,现在又着急写出作品,便作罢. 这里将记录一个node.js+socket.io的实时聊天程序.(当然我也是跟着网上各种教程资料学习 ...
- XSS攻击 js 脚本注入
原文地址:http://www.cnblogs.com/robot/archive/2009/04/15/1436107.html 1.不要相信Request.QueryString: 相信在asp时 ...
- Vue.js 和 MVVM 小细节
MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...
- js学习笔记:操作iframe
iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- JS调用Android、Ios原生控件
在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...
随机推荐
- MPEG2_TS流基本概念和数据结构
时对应network_PID,program_number等于其它值时对应program_map_PID. (3)PMT PMT数据结构如下: TS_program_map_section(){ ...
- 硬盘运行与“AHCI 模式”还是“IDE 模式”
如今SATA硬盘越来越流行,最新购买或者组装的电脑,基本都安装新一代的SATA硬盘,由于绝大多数BIOS初始设置是"IDE模式",安装的windows XP和vista系统,并没有 ...
- Linux显示cat帮助信息并退出
Linux显示cat帮助信息并退出 youhaidong@youhaidong-ThinkPad-Edge-E545:~$ cat --help 用法:cat [选项]... [文件]... 将[文件 ...
- Java中的List转换成JSON报错(一)
1.错误描述 Exception in thread "main" java.lang.NoClassDefFoundError: org/apache/commons/lang/ ...
- idea-全局默认maven配置
在项目实战中我们依赖的开发IDE可谓是我们的饭碗,怎么高效优化使用IDE将极大提高我们开发的效率,这里通过一些人性化的设置让我们更加舒适的开发,默认IntelliJ IDEA 是有一套自己的IDE整体 ...
- 元素定位-----Selenium快速入门(二)
一.eclipse设置 工欲善其事必先利其器,在说元素定位之前,先来设置下eclipse. 首先放大一下字体,点击windows-preferences 其次,eclipse对于java的智能提示默认 ...
- jquery 实现拖动文件上传加进度条
通过对文件的拖动实现文件的上传,主要用到的是HTML5的ondrop事件,上传内容通道FormData传输: //进度条 <div class="parent-dlg" &g ...
- 【BZOJ2442】修建草坪(动态规划,单调队列)
[BZOJ2442]修建草坪(动态规划,单调队列) 题面 权限题..洛谷 题解 设\(f[i]\)表示前\(i\)个里面选出来的最大值 转移应该比较显然 枚举一个断点的位置,转移一下就好 \(f[i] ...
- 【BZOJ1415】【NOI2005】聪聪和可可(动态规划,数学期望)
[BZOJ1415][NOI2005]聪聪和可可(动态规划,数学期望) 题面 BZOJ 题解 先预处理出当可可在某个点,聪聪在某个点时 聪聪会往哪里走 然后记忆化搜索一下就好了 #include< ...
- [BZOJ1609] [Usaco2008 Feb] Eating Together麻烦的聚餐 (dp)
Description 为了避免餐厅过分拥挤,FJ要求奶牛们分3批就餐.每天晚饭前,奶牛们都会在餐厅前排队入内,按FJ的设想所有第3批就餐的奶牛排在队尾,队伍的前端由设定为第1批就餐的奶牛占据,中间的 ...