首页 > 编程语言 >JavaScript不建议直接声明undefined的原因,极致的严谨和仔细

JavaScript不建议直接声明undefined的原因,极致的严谨和仔细

时间:2024-04-05 16:29:45浏览次数:29  
标签:undefined void JavaScript test window 极致 var

前言:

很多人写JavaScript代码时习惯用var a = undefined 这种写法,其实这种写在某种情况下会产生意想不到的bug,又或者说undefined本身就是JavaScript的一个bug?? 为什么这么说呢, 因为undefined它应该是关健字才合理的,但undefined在JavaScript里面压根就不是关健字,它是window的一个属性即window.undefined, 没想到吧。

为什么发现这个冷门知识点??

因为最近在拜读一些包的底层源码时,发现有一种很有意思的写法我不太理解var a = void 0; 然后我就去各方查资料,发现这种写法有两个好处,1、是能降低文件大小,2、秉承犀牛书的观点,任何时候都不主动声明undefined。

任何时候都不主动声明undefined的原因

前面说到了undefined在JavaScript里面压根就不是关健字,而是一个属性,在控制台window.undefined就知道了

在这里插入图片描述

但它是一个只读属性,我们是无法对undefined重新赋值的

在这里插入图片描述

虽然是只读属性,但是在特定条件下还是会出现bug,如下所示

function test() {
    var undefined = '我是test'; 
    var a = undefined;
    console.log(a)
}

test()   // '我是test'

看出来问题了不,var a = undefined 但 这里的undefined是方法内部的undefined而不是window的,所以拿到的是’我是test’, 虽然理论上不会出现这种场景,但这确实就是一个漏洞了。

推荐写法

犀牛书的观点,用null表示空,但用 var a = void 0 这种写法也行。void后面不一定就是写0,因为void 表达式最终会返回一个undefined,如下所示。

在这里插入图片描述

注意:void是会执行右边的语句然后返回undefined。所以如果右边语句有副作用的话还是能看到不一样的,所以用一个无副作用的0

总结:

一个很有意思的小知识点,单纯是分享一下互相学习。

标签:undefined,void,JavaScript,test,window,极致,var
From: https://blog.csdn.net/talentT/article/details/137402904

相关文章

  • javascript常见100问|前端基础知识|问ajax-fetch-axios-区别请用 XMLHttpRequestfetch
    00-开始前端基础知识HTMLCSSJSHTTP等基础知识是前端面试的第一步,基础知识不过关将直接被拒。本章将通过多个面试题,讲解前端常考的基础知识面试题,同时复习一些重要的知识点。为何要考察扎实的前端基础知识,是作为前端工程师的根本。基础知识能保证最基本的使用,即招聘......
  • 前端学习<四>JavaScript基础——03-常量和变量
    常量(字面量):数字和字符串常量也称之为“字面量”,是固定值,不可改变。看见什么,它就是什么。常量有下面这几种:数字常量(数值常量)字符串常量布尔常量自定义常量数字常量数字常量非常简单,直接写数字就行,不需要任何其他的符号。既可以是整数,也可以是浮点数。例如: //不......
  • 由于JavaScript有两种方式两种写法Creating a regular expression,在线测试网站https:/
    constre=/ab+c/;constre=newRegExp("ab+c");如果要使用第二种方式需要改变flavor和delimiters  RegExp比//需要额外的一次转义可以点击CodeGenerator查看   delimiters的不同会影响所需要的转义......
  • postgresql make check报postgres.lto.o:(.note.stapsdt+0x4ac): undefined reference
    如下:/usr/bin/ld:postgres.lto.o:(.note.stapsdt+0x24):undefinedreferenceto`postgresql_statement__status_semaphore'/usr/bin/ld:postgres.lto.o:(.note.stapsdt+0x74):undefinedreferenceto`postgresql_deadlock__found_semaphore'/usr/bin/ld:p......
  • 前端学习<四>JavaScript基础——01-编程语言和JavaScript简介
    计算机语言概念计算机语言:人与计算机之间通信的语言。它是人与计算机之间传递信息的媒介,它通过特定的语法规则和语义约定,将人类可理解的指令转化为计算机可以执行的机器指令。计算机程序:就是计算机所执行的一系列的指令集合,程序全部都是用我们所掌握的语言来编写的,如果我们......
  • 前端学习<四>JavaScript基础——02-JavaScript入门:hello world
    开始写第一行JavaScript:helloworldJS代码的书写位置在哪里呢?这个问题,也可以理解成:引入JS代码,有哪几种方式?有三种方式:(和CSS的引入方式类似)行内式:写在HTML标签内部。内嵌式(内联式):写在script标签中。外链式:引入外部JS文件。方式1:行内式代码举例: <inputty......
  • 关于vue项目在使用vuex的时候,this.$store报错undefined的问题
    vue.runtime.esm.js?c320:4605[Vuewarn]:Errorinrender:"TypeError:Cannotreadpropertiesofundefined(reading'state')。这个问题的主要原因是vuex的版本高于vue的版本。如果vue使用2.XX,vuex的版本要低于4.XX."dependencies":{"axios":"^1.6......
  • JavaScript变量对象详解
    正文在JavaScript中,变量对象是执行上下文中的一个重要概念,它负责存储函数中的变量、函数声明和形参。了解变量对象对于理解JavaScript的作用域、作用域链以及变量的声明和提升至关重要。1.变量对象的定义变量对象是在执行上下文创建阶段被创建的,用于存储该上下文中的变......
  • C#-JavaScript-base64加密解码
    C#//base64加密//调用方式:Helper.EncodeToBase64(需要加密字符串)publicstaticstringEncodeToBase64(stringdata){byte[]byteData=Encoding.UTF8.GetBytes(data);returnConvert.ToBase64String(byteData);......
  • 用JavaScript实现响应式设计的魔法
    在数字世界的迷宫中,响应式设计就像是一把万能钥匙,能打开任何大小屏幕的大门。不论是巨大的桌面显示器,还是袖珍的手机屏幕,响应式设计确保你的网站或应用能在任何设备上都提供优质的用户体验。但如何用JavaScript施展这种魔法呢?让我们一探究竟。使用媒体查询监听器在CSS中,我......