JavaScript中undefined和is not defined的区别与异常处理

目录
  • Javascript中undefined和notdefined有什么区别？
  • JavaScript中undefined和isnotdefined异常
  • 总结

Javascript中undefined和not defined有什么区别？

概念上的解释：

undefined是javascript语言中定义的五个原始类中的一个，换句话说，undefined并不是程序报错，而是程序允许的一个值。

not defined是javascript在运行我们的javascript代码时，遇到没有定义就用来运算的变量时爆出来的错误。

那么问题来了：在许多的javascript教程中都介绍有javascript变量即使不定义也可以直接拿来使用，但是请注意，这个使用是指可以被赋值，但是不可以被运算。看一个例子

var temp;
temp2 = 123;
alert(temp2);
temp3 = temp4+1;
alert(temp3);

在上面的代码中，第一个alert可以正常弹窗为123；但是第二个alert是不会执行的，因为使用了没有定义的temp4来运算，这是不允许的。

接下来再看一个例子：

var temp;
alert(temp);
alert(typeof temp);
alert(typeof temp2);
alert(temp==undefined);
alert(temp2==undefined);

在这个示例中：

第一个、第二个和第三个alert可以弹出提示undefined；但其实这三个undefined的含义是不一样的。在javascript中，undefined是一个类，这个类只有一个值就是undefined，第一个alert弹出的就是值undefined，第二个和第三个弹出的是undefined这个类名。

第四个alert会弹出true，这是一个判断。

第五个alert不会弹出，因为报错了。这里爆出的错误就是因为使用了没有定义的变量进行运算。爆出的错误是temp2 is not defined；(不同的浏览器可能说法不同)

JavaScript中undefined和is not defined异常

不解释，直接上代码：

console.log(xx);
console.log(window.xx);

（其中xx是一个不存在的变量）

当直接打印xx变量时，直接抛出一个is not defined异常并终止执行。

然而将xx变量以window.xx的形式打印出来时，缺直接输出一个undefined，并没有出现异常，可以继续执行。

查阅相关文档之后才知道，打印undefined说明该变量已经声明，但没有赋值；打印is not defined异常说明该变量连声明都没有。通过这条结论说明，window.xx的形式会在window对象中隐式的声明该变量。

这也说明了，为什么以下代码可以直接运行了。

window.xx = 2;
console.log(window.xx);

另外有个一个相关的问题，见代码：

function t1() {
    console.log(str2);  //undefined
    var str2 = 'mike';
}
t1();
和
function t1() {
    console.log(str2);  //is not defined
    str2 = 'mike';
}
t1();

第一种情况涉及到JavaScript的运行阶段，分为词法分析阶段和运行阶段，在词法分析阶段时，先声明了str2变量但没有赋值，所以在运行阶段就出现了undefined。

第二种情况在词法分析阶段也无法声明str2，因为没有var关键字声明，所以在运行阶段直接抛出异常。

还有一点需要注意的是，凡是没有使用var声明的变量，最终都会成为全局对象window的属性，如下代码：

function t1() {
    a = 10
    console.log(a);//10
    console.log(window.a);//10
}
t1();

总结

到此这篇关于JavaScript中undefined和is not defined区别与异常处理的文章就介绍到这了,更多相关js undefined和is not defined区别内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们！

赞 (0)

相关推荐

  • javascript中的undefined和not defined区别示例介绍

    经研究发现,两者之间有很大的区别,不知从英语讲,这两者都有啥区别,研究结果如下 测试os:ubuntu 测试浏览器:chrome 测试案例1 console.log(a) 报错 ReferenceError: a is not defined 测试案例2 var a console.log(a) 无报错,但是输出undefined 测试案例2 var b = {}; console.log(b.a) 无报错,但是输出undefined 测试案例3 function c() { } var d =

  • JavaScript中undefined和is not defined的区别与异常处理

    目录 Javascript中undefined和notdefined有什么区别? JavaScript中undefined和isnotdefined异常 总结 Javascript中undefined和not defined有什么区别? 概念上的解释: undefined是javascript语言中定义的五个原始类中的一个,换句话说,undefined并不是程序报错,而是程序允许的一个值. not defined是javascript在运行我们的javascript代码时,遇到没有定义就用来运算

  • JavaScript中undefined和null的区别

     JavaScript中undefined和null的区别 JavaScript两个表示"无"的值:undefined和null.我在平时只是null用的多一点,undefined只是在报错中经常遇到.下面针对这两个数据类型的异同做一下详细的比较. 1.undefined和null在if语句中,都会被自动转为false,相等运算符直接报告两者相等. !null==!undefined==true 2.null表示"没有对象",即该处不应该有值.典型用法是: (1)

  • JavaScript中箭头函数与普通函数的区别详解

    JavaScript中箭头函数与普通函数的区别详解

    本文为大家讲解了JavaScript中箭头函数与普通函数的区别,供大家参考,具体内容如下 箭头函数: let fun = () => { console.log('lalalala'); } 普通函数: function fun() { console.log('lalla'); } 箭头函数相当于匿名函数,并且简化了函数定义.箭头函数有两种格式,一种只包含一个表达式,连{ ... }和return都省略掉了.还有一种可以包含多条语句,这时候就不能省略{ ... }和return. 箭头函数是匿

  • JavaScript中Object、map、weakmap的区别分析

    前言 ECMAScript 6以前,在JavaScript中实现"键/值"式存储可以使用Object来方便高效地完成,也就是使用对象属性作为键,再使用属性来引用值.但这种实现并非没有问题,为此TC39委员会专门为"键/值"存储定义了一个规范.作为ECMAScript 6的新增特性,Map是一种新的集合类型,为这门语言带来了真正的键/值存储机制.Map的大多数特性都可以通过Object类型实现,但二者之间还是存在一些细微的差异.具体实践中使用哪一个,还是值得细细甄别.

  • JavaScript中的toString()和toLocaleString()方法的区别

    偶然之间用到这两个方法 然后在数字转换成字符串的时候,并没有感觉这两个方法有什么区别,如下: var e=123 e.toString() "123" e.toLocaleString() "123" 是吧,并没有什么区别 再继续看数组转成字符串分别用这两个方法有什么区别呢,看看,代码如下 var aa=[1,2,3] aa.toLocaleString() "1,2,3" aa.toString() "1,2,3" 也并没有

  • javascript中$(function() {});写与不写有哪些区别

    javascript中$(function() {....}) 是 jQuery 中的经典用法,等同于 $(document).ready(function() {....}),即在页面加载完成后才执行某个函数,如果函数中要操作 DOM,在页面加载完成后再执行会更安全,所以在使用 jQuery 时这样的写法很常见. $(document).ready() 里的代码是在页面内容都加载完才执行的,如果把代码直接写到script标签里,当页面加载完这个script标签就会执行里边的代码了,此时如果你标

  • Java与JavaScript中判断两字符串是否相等的区别

    JavaScript是一种常用的脚本语言,这也决定了其相对于其他编程语言显得并不是很规范.在JavaScript中判断两字符串是否相等 直接用==,这与C++里的String类一样.而Java里的等号则是判断两字符串的引用是否一样,判断实体需要用equals()方法,或 者compareTo()方法,这里需要强调的是equals()方法的参数类型,其参数类型绝对不是String类,而是Object类,咱不止一次看 到国内一些教程写的是String类(o(╯□╰)o) 大家可以看看JDK的源码:

  • 浅析JavaScript中break、continue和return的区别

    break function myBreak() { for(var i = 0; i < 5; i++) { if(i == 3) { break; } console.log(i); } } myBreak(); 输出: 0 1 2 break: 直接跳出 当前 的循环,从当前循环外面开始执行,忽略循环体中任何其他语句和循环条件测试.它只能跳出一层循环,如果你的循环是嵌套循环,那么你需要按照你嵌套的层次,逐步使用break来跳出. continue function myContinue()

  • javascript中undefined与null的区别

    大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil. 有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null.这是为什么? 一.相似性 在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别. var a = undefined; var a = null; 上面代码中,a变量分别被赋值为undefin

  • 详解JavaScript中undefined与null的区别

    有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null.这是为什么? 一.相似性在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别. 复制代码 代码如下: var a = undefined;var a = null; 上面代码中,a变量分别被赋值为undefined和null,这两种写法几乎等价.undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等. 复制代码

随机推荐