JavaScript_00001_00000

contents

  • 简介
  • 变量与数据类型
    • 自动类型转换
    • 强制类型转换

简介

变量与数据类型

根据变量定义的范围不同,变量有全局变量和局部变量之分。直接定义的变量是全局变量,全局变量可以被所有的脚本访问;在函数里定义的变量称为局部变量,局部变量只在函数内有效。如果全局变量和局部变量使用相同的变量名,则局部变量将覆盖全局变量。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">var test = "全局变量";function checkScope(){var test = "局部变量";console.log(test);}checkScope();</script><body></body></html>

JavaScript的变量没有块范围。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">function test(o){//定义变量i,变量i的作用范围是整个函数。var i = 0;if(typeof o == "object"){//定义变量j,变量j的作用范围是整个函数内,而不是if块内。var j = 5;for(var k=0; k<10; k++){//因为JavaScript没有代码块范围,所以k的作用范围是整个函数内,而不是循环体内。document.write(k);}//即使出了循环体,k的值依然存在。console.log(k + "\n" + j);}}test(document);</script><body></body></html>

定义变量时写var和不写var的区别?

  • 如果使用var定义变量,那么程序会强制定义一个新变量。
  • 如果没有使用var定义变量,系统会优先在当前上下文中搜索是否存在该变量。只有在该变量不存在的前提下,系统才会重新定义一个新变量。
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">//定义全局变量。var scope = "全局变量";function test(){//全局变量被局部变量覆盖。//而此时scope局部变量尚未赋值,故此处输出undefined。document.writeln(scope + "<br />");//定义scope局部变量,其作用范围为整个函数内。/*此处全局变量scope在test()函数中已经被覆盖了,局部变量在整个test()函数内部都是有效的,但此处scope还没有被赋值,故此处输出undefined。 *///var scope = "局部变量";/*此处不是定义新变量,而是直接为全局变量scope赋值。因此test()函数并没有覆盖全局变量scope。 */scope="局部变量";document.writeln(scope + "<br />");}test();</script></head><body></body></html>

全局变量的作用范围对于执行HTML事件处理一样有效。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>事件处理中的局部变量和全局变量</title><script type="text/javascript">//定义全局变量var x = "全局变量";</script></head><body><!--在onclick事件中重新定义了x局部变量。--><input type="button" value="局部变量" onclick="var x='局部变量'; console.log('输出x局部变量的值:' + x);"/><!--直接输出全局变量x的值。--><input type="button" value="全局变量" onclick="console.log('输出x全局变量的值:' + x);"/></body></html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">var a = 5E2;var b = 1.23e-3;console.log(a); //print:500console.log(b); //print:0.00123//如果数值只有小数部分,则可以省略整数部分的0,但小数点不能省略。c = 3.12e1;d = 45.0;e = .34e4;f = .24e-2;console.log(c); //print:31.2console.log(d); //print:45console.log(e); //print:3400console.log(f); //print:0.0024</script></head><body></body></html>
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">var a = Number.POSITIVE_INFINITY;var b = Number.NEGATIVE_INFINITY;console.log(a + b); //print:NaN/*JavaScript中的算术运算允许除数为0(除数和被除数也可同时为0,得到结果为NaN),正数除以0的结果就是Infinity,负数除以0的结果就是-Infinity。Nan是另一个特殊的数值,它是Not a Number三个单词的首字母,表示非数。0除以0,或者以Infinity执行算术运算都将产生NaN的结果。当然,如果算术表达式中有个NaN的数值变量,则这个算术表达式的值为NaN。NaN与Infinity和-Infinity不同的是,NaN不会与任何数值变量相等,也就是NaN==NaN也返回false。那如何判断某个变量是否为NaN呢?JavaScript专门提供了isNaN()函数来判断某个变量是否为NaN。*///定义x的值为NaN。var x = 0/0;//判断两个NaN是否相等。if(x!=x){console.log("NaN不等于NaN。");}//调用isNaN判断变量if(isNaN(x)){console.log("x是一个NaN。");}</script></head><body></body></html>

JavaScript提供了一些简单的方法访问这些特殊值,特殊值通过JavaScript的内嵌类Number访问。访问方式如下表:

Number类的变量特殊值
Number.MAX_VALUE数值型变量允许的最大值
Number.MIX_VALUE数值型变量允许的最小值
Number.POSITIVE_INFINITYInfinity(正无穷大)
Number.NEGATIVE_INFINITY-Infinity(负无穷大)
Number.NaNNaN(非数)

自动类型转换

在这里插入图片描述

强制类型转换

toString() 将布尔值、数值等转换成字符串。
parseInt() 将字符串、布尔值等转换成整数。
parseFloat() 将字符串、布尔值等转换成浮点数。

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script type="text/javascript">var a = "3.14";var b = a + 2;var c = parseFloat(a) + 2;console.log(b + "\n" + c);</script><body></body></html>

当使用parseInt()或parseFloat()将各种类型的变量转换成数值类型时,结果如下:

  • 字符串值:如果字符串是一个数值字符串,则可以转换成一个数值,否则将转换成NaN。
  • undefined、null、布尔值及其他对象:一律转换成NaN。

当使用toString()函数将各种类型的值向字符串转换时,结果全部是object。

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

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

相关文章

【leetcode热题】对称二叉树

难度&#xff1a; 简单通过率&#xff1a; 42.2%题目链接&#xff1a;力扣&#xff08;LeetCode&#xff09;官网 - 全球极客挚爱的技术成长平台 题目描述 给定一个二叉树&#xff0c;检查它是否是镜像对称的。 例如&#xff0c;二叉树 [1,2,2,3,4,4,3] 是对称的。 1/ \2 …

JavaWeb之Servlet接口

Servlet接口 什么是Servlet&#xff1f; Servlet是一种基于Java技术的Web组件&#xff0c;用于生成动态内容&#xff0c;由容器管理&#xff0c;是平台无关的Java类组成&#xff0c;并且由Java Web服务器加载执行&#xff0c;是Web容器的最基本组成单元 什么是Servlet容器&…

杂文随笔_

己写于亥年正月廿六&#xff0c;校图书馆&#xff0c;天气阴 “你的工作将会是你生活中很大一部分&#xff0c;唯一能使自己得到真正满足的是&#xff0c;做你伟大的工作,做一份伟大的工作的唯一方法是&#xff0c;热爱你所做的工作。“这是乔布斯在斯坦福大学的一次演讲所说的…

【c++】list详细讲解

> 作者简介&#xff1a;დ旧言~&#xff0c;目前大二&#xff0c;现在学习Java&#xff0c;c&#xff0c;c&#xff0c;Python等 > 座右铭&#xff1a;松树千年终是朽&#xff0c;槿花一日自为荣。 > 目标&#xff1a;熟悉list库 > 毒鸡汤&#xff1a;你的脸上云淡…

外部中断0实验

实现现象&#xff1a;下载程序后&#xff0c;操作K3按键使LED1&#xff08;D11&#xff09;状态取反 注意事项&#xff1a;无。 #include "reg52.h" //此文件中定义了单片机的一些特殊功能寄存器typedef unsigned int u16; //对数据类型进行声明定义 typed…

定时器1中断实验

实现现象&#xff1a;下载程序后&#xff0c;静态数码管间隔一秒循环显示0-F。使用单片机内部定时器可以实现准确延时。 注意事项&#xff1a; 程序代码&#xff1a; #include "reg52.h" //此文件中定义了单片机的一些特殊功能寄存器typedef unsigned int u16; …

Java环境变量

&#xff08;1&#xff09;classpath:让jvm找到将要执行的java文件的目录 它通常包括程序当前目录和Java标准库的路径. 编译后&#xff0c;classpath的当前目录就是target下的classes目录&#xff0c;它是resource和main目录的合并&#xff0c;如果两个类目录相同&#xff0c;那…

关于Build Your Own Botnet的尝试

这是一次失败的尝试、 原文地址&#xff1a;关于Build Your Own Botnet的尝试 - Pleasure的博客 下面是正文内容&#xff1a; 前言 我在上一篇关于DDOS的文章种提到过这个项目&#xff0c;而且说明了由于这个项目是在2020年发布并开源的&#xff0c;并且已经有两年没有进行跟…

身份治理存在权限问题

身份治理正迅速成为 CISO 的首要考虑因素。二十年前&#xff0c;当萨班斯-奥克斯利法案(SoX) 和其他监管指令在互联网泡沫破灭后诞生时&#xff0c;身份治理要求就出现了。合规性控制&#xff0c;例如用户访问审查和有效管理员工访问生命周期的需要&#xff0c;是当时身份治理的…

1.2.1 相机模型—内参、外参

相机模型-内参、外参 更多内容&#xff0c;请关注&#xff1a; github&#xff1a;https://github.com/gotonote/Autopilot-Notes.git&#xff09; 针孔相机模型&#xff0c;包含四个坐标系&#xff1a;物理成像坐标系、像素坐标系、相机坐标系、世界坐标系。 相机参数包含&…

typescript类型详解

因为介绍了ts的全部类型,所以比较长,各位可以通过目录选择性观看 typescript类型概述typescript 类型注解概念-->监测类型变化 ts类型注解语法ts常用类型原始类型对象类型对象类型_数组类型 ts新增,联合类型ts函数类型ts 函数类型 voidts 函数类型可选参数 ts 对象类型ts 可…

The method toList() is undefined for the type Stream

The method toList() is undefined for the type Stream &#xff08;JDK16&#xff09; default List<T> toList() { return (List<T>) Collections.unmodifiableList(new ArrayList<>(Arrays.asList(this.toArray()))); }

Leetcode 503. 下一个更大元素 II

题意理解&#xff1a; 给定一个循环数组 nums &#xff08; nums[nums.length - 1] 的下一个元素是 nums[0] &#xff09;&#xff0c;返回 nums 中每个元素的 下一个更大元素 。 数字 x 的 下一个更大的元素 是按数组遍历顺序&#xff0c;这个数字之后的第一个比它更大的数&am…

C#系列-EF扩展框架Serilog.EntityFrameworkCore应用实例(39)

Serilog.EntityFrameworkCore 并不是一个官方或广泛认可的 NuGet 包。Serilog 是一个流行的日志记录库&#xff0c;它支持多种日志接收器&#xff08;sinks&#xff09;来将日志输出到不同的目的地&#xff0c;如文件、控制台、数据库等。但是&#xff0c;Serilog.EntityFramew…

作物模型狂奔:WOFOST(PCSE) 数据同化思路

去B吧&#xff0c;这里没图 整体思路&#xff1a;PCSE -》 敏感性分析 -》调参 -》同化 0、准备工作 0.0 电脑环境 我用的Win10啦&#xff0c;Linux、Mac可能得自己再去微调一下。 0.1 Python IDE 我用的Pycharm&#xff0c;个人感觉最好使的IDE&#xff0c;没有之一。 …

C#系列-EF框架的创新应用+利用EF框架技术的知名开源应用项目(42)

EF框架的创新应用 EF框架&#xff0c;即Entity Framework&#xff0c;是微软开发的一个开源的对象关系映射&#xff08;ORM&#xff09;框架&#xff0c;用于.NET应用程序中。它允许开发者以面向对象的方式处理数据库&#xff0c;而无需关心底层的SQL语句和数据库结构。 EF框架…

OpenAI Sora 初体验

OpenAI Sora 初体验 就在刚刚&#xff0c;OpenAI 再次投下一枚重磅炸弹——Sora&#xff0c;一个文本到视频生成模型。 我第一时间体验了 Sora。看过 Sora 的能力后&#xff0c;我真的印象深刻。对细节的关注、无缝的角色刻画以及生成视频的绝对质量真正将可能性提升到了一个新…

人工智能学习与实训笔记(五):神经网络之推荐系统处理

目录 ​​​​​​​七、智能推荐系统处理 7.1 常用的推荐系统算法 7.2 如何实现推荐​​​​​​​ 7.3 基于飞桨实现的电影推荐模型 7.3.1 电影数据类型 7.3.2 数据处理 7.3.4 数据读取器 7.3.4 网络构建 7.3.4.1用户特征提取 7.3.4.2 电影特征提取 7.3.4.3 相似度…

一周学会Django5 Python Web开发-Django5应用配置

锋哥原创的Python Web开发 Django5视频教程&#xff1a; 2024版 Django5 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili2024版 Django5 Python web开发 视频教程(无废话版) 玩命更新中~共计14条视频&#xff0c;包括&#xff1a;2024版 Django5 Python we…

SpringBoot+Tess4J实现本地与远程图片的文字识别

Spring Boot应用程序里集成Tess4J来实现OCR&#xff08;光学字符识别&#xff09;&#xff0c;以识别出本地和远程图片中的文字 一、添加依赖 <dependency><groupId>net.sourceforge.tess4j</groupId><artifactId>tess4j</artifactId><vers…