今天看到Nicholas C. Zakas的一篇博客,回答“So you think you know JavaScript”里的几个问题,觉得挺有意思,虽然都是不常用的功能,不过毕竟js调试起来比较麻烦,经常出莫名其妙的错,看看也挺有好处。
主要的知识点
1、如何检查全局变量是否存在
全局变量都是window的属性,检查变量a是否存在
if(a) 或者 if(a == 'undifined') //如果a不存在会有object expected错
if(window.a) //ok,其实是检查a存在并且不是undifined
if("a" in window) // ok,检查a已经被声明,即使未被初始化
2、全局变量的声明
js引擎会首先扫描一次源文件,把所有变量声明提到最上部,所以这两个是一样的
alert("a" in window);//true
var a;
var a;
alert("a" in window);//true
3、全局变量初始化
声明会被上提,但是初始化不会
var a = 1;其实会被拆成两部分:
var a;//上提到顶部
a = 1;//在原有位置执行
4、函数声明
函数同普通变量一样,声明上提初始化不会
var func = function foo(argc1){}同样被分成两部分
var func //变量声明
function foo //函数声明
func = function foo //初始化
5、变量名重载
出现相同的函数名,变量名声明时,函数名会重载变量名,
function f1(){
var a=1;
}
var f1;
alert(f1);//function body
变量名初始化后会用变量名
function f1(){
var a=1;
}
var f1=1;
alert(f1);//1
6、函数argument对象
argument对象与参数一一对应
function f1(a,b,c){
arguments[0]=2;
alert(a); //2
}
f1(1);
需要注意的是argument和函数变量并不是引用关系(同一内存地址),而是引擎维护他们同步
7、this的作用域
简单说this是使用this的函数所在的对象
var object = {
m:function(){
alert(this == object);
}
}
object.m();
对于全局函数来说,this=window
8.call(null)
call函数参数为空时,默认是window对象
function m(){
alert(this == window);
};
m.call();//true
m.call(null);//true
附原题
1、
if (!("a" in window)) {//底下有声明,会被提前,所以a存在,为undifined
var a = 1;//不会走到这
}
alert(a);//undifined
2、
var a = 1, //变量被初始化了,并且函数变量赋值,不会重载a
b = function a(x) {
x && a(--x);
};
alert(a); //1
3、
function a(x) {
return x * 2;
}
var a;
alert(a);//函数名重载变量名,打印函数体
4、
function b(x, y, a) {
arguments[2] = 10;
alert(a); //10
}
b(1, 2, 3);
5、
function a() {
alert(this);//[object Window]
}
a.call(null);//call参数为空时默认是window
分享到:
相关推荐
JavaScript是Web前端开发中不可或缺的脚本语言,它为网页提供了交互功能,使得网页从静态展示变成了可以与用户进行互动的平台。本文将从多个方面深入解析JavaScript在Web前端开发中的应用,涵盖从基础语法到高级功能...
本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法...
《Head First JavaScript源码》是2010年出版的一本中文版JavaScript学习书籍的源码,这本书以其独特的视觉设计和易理解的方式深入浅出地介绍了JavaScript编程语言。JavaScript是一种广泛应用于网页和网络应用的脚本...
《JavaScript权威指南》是JavaScript编程领域的一本经典之作,由著名技术作家David Flanagan撰写,被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性,对于想要全面...
《JavaScript语言精粹》作为一本深入浅出讲解JavaScript编程语言的经典之作,对于想要提升自己JavaScript技能的开发者来说,无疑是一份宝贵的资源。本书由Douglas Crockford所著,他不仅是JSON格式的创始人,也是...
在这个场景中,我们关注的是VS2015的安装过程中涉及到的证书问题以及两个特定的组件:JavaScript_ProjectSystem.msi和JavaScript_LanguageService.msi。 首先,关于“VS2015安装证书”,这通常是指安装过程中需要...