为什么浏览器控制台(Console)运行JavaScript代码有时会出现“undefined”?

news2025/8/12 2:19:58

为什么浏览器控制台(Console)运行JavaScript代码有时会出现“undefined”?

浏览器“控制台”(console)使用简介

about:blank是打开浏览器空白页的命令——内置在浏览器中的命令,可以打开浏览器空白页(没有任何内容)。

打开浏览器,按下 F12键 【或 按 Ctrl+Shift+J (Windows、Linux) 或 Command+Option+J (macOS)】,然后选择 “控制台”(console) 面板,就进入了控制台。进入控制台以后,就可以在提示符(> 符号)后输入代码,然后按回车(Enter键),代码就会执行。如果按Shift + Enter键,就是代码换行,不会触发执行。执行结果显示在<•符号之后。

浏览器的开发者工具使用介绍https://blog.csdn.net/cnds123/article/details/120822401

一、在浏览器控制台(Console)运行javascript代码有时会出现“undefined”,为什么?

在浏览器“控制台”(console)中运行下面两段代码

代码段1

function fun1() {  //定义函数fun1,没有return语句
}
fun1();//调用函数

代码段2

function fun2() {  //定义函数fun2,有return语句
  return 'Hello!';
}
fun2(); //调用函数

运行情况如下:

先看undefined 是什么?

JS 有6种基本类型(原始类型):

  String:字符串  

  Number:数值 

  Boolean:布尔值  

  Null:空值  

  Undefined:未定义

Symbol: (ES2015增加)

undefined是一个特殊的值,当访问未初始化的变量、不存在的对象属性、不存在的数组元素、没有返回值的函数等时,将接收到一个undefined 的值。例如:

let number;

number; //未初始化的变量=> undefined

let movie = { name: "Interstellar" };

movie.year; //一个不存在的对象属性=> undefined

let movies = ["Interstellar", "Alexander"];

movies[3]; //不存在数组元素 => undefined

没有用return返回值的函数等时,将接收到一个undefined 的值,可以参看开头的示例。如果你纠结那些示例太简单,下面再给出有点用处的示例,你再运行试试吧:

计算两个数字的乘积的函数:

代码1、用return返回乘积的值

function myFun1(a,b)
{   
    let z=a*b //计算两个数字的乘积
    return z;
}
myFun1(2,3)

代码2、不使用return返回值,而用alert()弹出乘积的值

function myFun2(a,b)
{
    z= a*b; //计算两个数字的乘积
    alert(z)  
}
myFun2(2,3)

二、为什么console.log()会返回undefined

如:console.log(1+2);

console.log方法(method)是用来在控制台输出信息。

console.log本身是一个函数,函数是可以有返回值的,若不设置返回值,默认返回值为undefined。

先执行表达式1+2 结果为3,再执行console.log()函数无返回值,默认为undefined

console.log本身是一个函数

console.log(typeof(console.log));

关于typeof运算符(operator)可见 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/typeof

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/33647.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

SpringAMQP WorkQueue消息队列模型的理解与使用

原理分析 Work Queue&#xff0c;故名思意&#xff0c;工作队列&#xff0c;互相配合工作。适用于消息密集型消息队列的场景&#xff0c;如下图所示&#xff0c;queue中存在着大量的消息&#xff0c;而消费者有续配合工作&#xff0c;消息队列有阅后即焚的特点&#xff0c;所以…

【Spring Cloud实战】Spring Cloud Alibaba Sentinel熔断与限流 (最全讲解,附源码)

gitee地址&#xff1a;https://gitee.com/javaxiaobear/spring-cloud_study.git 在线阅读地址&#xff1a;https://javaxiaobear.gitee.io/ 1、简介 Sentinel 是面向分布式服务架构的流量控制组件&#xff0c;主要以流量为切入点&#xff0c;从流量控制、熔断降级、系统自适应保…

【车载开发系列】CAN总线知识入门篇

【车载开发系列】CAN总线知识入门篇 【车载开发系列】CAN总线知识入门篇【车载开发系列】CAN总线知识入门篇一.总线是什么二.CAN总线是什么三.CAN总线的传输介质四.CAN协议的特性有哪些五.CAN出现的背景六.CAN通信总线的作用七.CAN协议柔软性体现在哪里八.CAN总线的仲裁机制九.…

11月24日:fastadmin根目录下其他文件

addons下的两个文件 其一&#xff1a;.gitkeep 其二&#xff1a;.htaccess application中的common文件 pubilc文件中的uploads runtime中的文件解析 vendor和composer.json的关系 根目录下.gitgnore中的相关标准 composer.json和composer.lock之间的关系 主要是承接之前的fast…

面向对象之抽象类的认识 - (java语法)

文章目录前言1. 什么是抽象类1.1 抽象类与普通类的不同&#xff1a;1.2 子类继承抽象类总结✨✨✨学习的道路很枯燥&#xff0c;希望我们能并肩走下来&#xff01; 编程真是一件很奇妙的东西。你只是浅尝辄止&#xff0c;那么只会觉得枯燥乏味&#xff0c;像对待任务似的应付它…

基于JSP的民宿酒店预约管理系统【数据库设计、源码、开题报告】

数据库脚本下载地址&#xff1a; https://download.csdn.net/download/itrjxxs_com/86466879 主要使用技术 SpringStruts2HibernateJSPCSSJSMysql 功能介绍 后台管理&#xff1a; 修改密码&#xff1a;修改个人密码&#xff1b; 会员信息管理&#xff1a;查看会员基本信息并…

C# 学习之路(C# 编程概述)

C# 学习之路&#xff08;C# 编程概述&#xff09; 前记&#xff1a;C# 学习之路&#xff0c;是我跟着 C# 图解教程(第五版) 学习的笔记&#xff0c;每一章都会有一篇笔记发出&#xff0c;小标题会对应书本的章节标题。 .NET 6 和之前的版本相比在顶级语句方面有很大的变化&…

【内网渗透】记一次靶机实战

一、信息收集 1.端口扫描 使用nmap进行端口扫描&#xff0c;发现其开放了22、80、8080、9000端口。 访问其8080端口&#xff0c;发现是一个web界面。 浏览页面内容&#xff0c;提升有一些提示。 【一一帮助安全学习&#xff0c;所有资源获取处一一】 ①网络安全学习路线…

vue2升级vue3的新变化

目录1、组合式API和setup语法糖definePropsdefineEmitsdefineExpose其他2、响应式原理ref和reactiverefreactivetoReftoRefs3、computed和watchcomputedwatchwatchEffect4、v-modelv-model参数v-model修饰符5、key6、v-if和v-for的优先级对比7、异步组件vue 作者&#xff08;尤…

天宇优配|医药股反弹受阻 公募乐观态度不改

历经前期继续反弹后&#xff0c;医药板块11月23日呈现大幅回调&#xff0c;相关细分赛道指数均有所下行&#xff0c;跌幅超越9%的相关个股更是不在少数。 国庆以来这轮医药反弹行情是否就此结束&#xff1f;对此&#xff0c;公募最新预判指出&#xff0c;23日医药板块回调与商场…

mp4视频格式转换器工具,万兴优转-多功能视音频处理软件

MP4是一种大众熟知的视频格式其优势在于在所有的播放器上都能够基本适用因此对于一些较为特殊的视频格式往往都需要将其转换为MP4视频格式才能够在播放器上正常播放。 那么怎样才能将这些特殊的视频格式转换为常用的mp4视频格式呢&#xff1f;这就需要用到mp4视频格式转换器工具…

用于useradd创建用户的规则文件-尚文网络xUP楠哥

~~全文共1026字&#xff0c;阅读需约5分钟。 进Q群11372462&#xff0c;领取专属报名福利&#xff0c;包含云计算学习路线图代表性实战训练大厂云计算面试题资料! # Linux创建普通用户 找来一台Linux系统&#xff0c;首先&#xff0c;执行useradd命令&#xff0c;不加任何参数…

力扣(LeetCode)65. 有效数字(C++)

模拟 面向测试用例的编程&#xff0c;想象到了工程开发的画面。改需求&#xff0c;代码也可以精简&#xff01; 首先判断首位正负号&#xff0c;去除正负号&#xff0c;如果只有一个正负号字符&#xff0c;false。 判断 ′.′.′.′ &#xff0c;如果是单独的 ′.′.′.′ &a…

PS软件下载安装以基本配置

先访问地址 PS下载地址 下载需要付费 给你的下载地址链接一定要保存好 然后根据自己的电脑系统和配置选择一个适合自己的 最后 会下下来一个解压包 然后 我们在 一个盘下 注意 不要用C盘 这里我选择D盘 创建一个文件夹 叫PS设计工具 然后将解压包解压到对应的 PS开发工具文…

第五章 神经网络(下)

5.3 误差逆传播算法 多层网络地学习能力比单层感知机强的多。欲训练多层网络&#xff0c;之前的简单感知机学习规则显然不够用了&#xff0c;需要更强大的学习算法。误差逆传播&#xff08;error BackPropagation&#xff0c;简称BP&#xff09;算法就是其中最杰出的代表。现实…

CPU受限直接执行

目录 1. 虚拟化CPU 2. 进程 2.1 进程的机器状态 2.2 进程创建 2.3 进程的状态 3. 受限直接执行 3.1 直接执行 3.2 受限制的操作 3.3 在进程之间切换 3.3.1 协作方式&#xff1a;等待系统调用 3.3.2 非协作方式&#xff1a;操作系统进行控制 3.3.3 保存和恢复上下…

油藏生产业务+机器学习代理优化算法

前前处理&#xff0c;把后台需要的参数都读出来。写进name.txt 生成新的sch文件&#xff0c;需要在data里追加新sch名字 没改变的井就不用重新卸载关键字里了。 重启动模型&#xff1a;制作出来是空的&#xff0c;得自己加别的东西 模型要准确&#xff0c;否则不好和历史模型…

【吴恩达机器学习笔记】二、单变量线性回归

✍个人博客&#xff1a;https://blog.csdn.net/Newin2020?spm1011.2415.3001.5343 &#x1f4e3;专栏定位&#xff1a;为学习吴恩达机器学习视频的同学提供的随堂笔记。 &#x1f4da;专栏简介&#xff1a;在这个专栏&#xff0c;我将整理吴恩达机器学习视频的所有内容的笔记&…

OpenGL原理与实践——核心模式(三):Texture-纹理系统理论与应用

目录 初识——纹理系统是什么&#xff1f;怎么用? Texture —— UV坐标系统 Texture Wrapping&#xff1a;UV超过了[0,1]怎么办&#xff1f; Texture Filter&#xff1a;UV经过计算得到的是浮点数怎么办&#xff1f; 在OpenGL中该怎么做呢&#xff1f; Texture Unit——…

列表和标签企业报告版的完整报告解决方案

列表和标签企业报告版的完整报告解决方案 无缝集成到所有主要开发环境和编程语言&#xff1a;Visual Studio、.NET/。NET核心(C#、VB.NET)、C/C、Delphi/VCL、Java、Progress、DataFlex、dBASE PLUS、Xbase等。 通过现代数据绑定灵活连接到任何数据源&#xff1a;List&Labe…