iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >JavaScript的变量基础知识点有哪些
  • 261
分享到

JavaScript的变量基础知识点有哪些

2024-04-02 19:04:59 261人浏览 泡泡鱼
摘要

这篇文章给大家分享的是有关javascript的变量基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。变量1.1 变量的概念:变量是指程序中一个已经命名的储存单位,它

这篇文章给大家分享的是有关javascript的变量基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

  1. 变量

1.1 变量的概念:

变量是指程序中一个已经命名的储存单位,它的主要作用就是为数据操作提供存放信息的容器。变量可以看作是一个容纳数据的容器。

1.2 变量的声明与赋值

在JavaScript中,使用变量前需要先对其进行声明,声明变量是使用系统关键字var来进行的。在声明变量时也可以使用赋值号“=”对变量进行赋值,语法格式如下:

var 变量名 = 变量值

举例:

var  name ;  //声明一个变量
var name,city,like ; //声明多个变量,多个变量之间用英文状态下的逗号分开
var name = "阿泽"; //声明一个变量并且赋值

1.3 变量的命名规则

  • 变量不能以数字开头,可以以字母或下划线开头。

  • JavaScript的变量名要区分大小写。

  • 不能使用JavaScript中的关键字作为变量名。

2.变量的数据类型

变量的类型关键在于值的类型

2.1数值型

数值型的变量是可以进行数学运算的,它包括:整型、浮点型和NaN

例:

var a = 10;
var y = 0.1;
var x = 100;

其中较为特殊的是:NaN(not a number)不是一个数字。当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个NaN的值。如下情况:

<html>
      <head>
        <meta Http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>PHP.cn</title>
        <script>
           var length = "500m";
           length = length*5;
           document.write(length);
        </script>
    </head>
    <body>
    </body>
</html>

现在我们想让一个东西的长度变成原来的5倍,一个字符串,是不能转换成有意义的数值的,只能转换成NaN
          一个含纯数字的字符串,可以转成有意义的数值,可以修改length为纯数字的字符串,输出查看结果。

2.2字符型

单引号或者双引号引起来的一个字符串。

需要注意的是:单引号和双引号之间可以相互嵌套;单引号内只能嵌套双引号,双引号内只能嵌套单引号。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str = "我的名字是'" +name+"'"
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html>

其中加号是字符串连接符,如果想在双引号内,再嵌套双引号,里面的双引号,一定要进行转义(\”)。js中的转义字符是反斜杠(\)

常用的转义字符有:\’\”\\\r\n等。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
    var name = "阿泽";
            var str =  "我的名字叫做\"" +name+"\""
            document.write(str)
    </script>
   </head>
<body>
    </body>
</html

2.3 布尔型

布尔型又称逻辑型。只有两个值:true(真)、false(假)。也就是两个状态,比如:灯的开关、性别等。

var a = true;
var b = false

布尔型常用if条件判断语句中,例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
     var a = 10;
           var b = 110;
           if(x>y){
               document.write(a+"比"+b+"大");
           }else{
               document.write(b+"比"+a+"大");
           }
    </script>
   </head>
<body>
    </body>
</html>

2.4 未定义型

未定义型的值只有一个undefined

一个变量定义,未被赋值时,会返回为未定义型;一个对象,属性不存在时,也会返回为未定义型;

例:未赋值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x;
           document.write(x);
    </script>
   </head>
<body>
    </body>
</html>

2.5 空型

空型只有一个值:null

当一个对象不存在时,将返回空型;如果你想清除一个变量的值的话,可以给赋一个null的值。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
      var x = null;
     var a = 100;
     var a = null ;
     document.write(x);
     document.write(a);
    </script>
   </head>
<body>
    </body>
</html>

感谢各位的阅读!关于“JavaScript的变量基础知识点有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: JavaScript的变量基础知识点有哪些

本文链接: https://www.lsjlt.com/news/83294.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript的变量基础知识点有哪些
    这篇文章给大家分享的是有关JavaScript的变量基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。变量1.1 变量的概念:变量是指程序中一个已经命名的储存单位,它...
    99+
    2022-10-19
  • JavaScript基础知识点有哪些
    这篇文章主要介绍“JavaScript基础知识点有哪些”,在日常操作中,相信很多人在JavaScript基础知识点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java...
    99+
    2022-10-19
  • PHP基础语法、变量和常量的知识点有哪些
    这篇“PHP基础语法、变量和常量的知识点有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“PHP基础语法、变量和常量的知识...
    99+
    2023-06-30
  • javascript中Ajax基础知识点有哪些
    小编给大家分享一下javascript中Ajax基础知识点有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Ajax基础Aja...
    99+
    2022-10-19
  • JavaScript基础入门知识点有哪些
    这篇文章给大家分享的是有关JavaScript基础入门知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。JavaScript简介JavaScript(Java脚本)是一种基于对象(Object)和事件驱动...
    99+
    2023-06-27
  • JavaScript对象的基础知识点有哪些
    这篇文章给大家分享的是有关JavaScript对象的基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1 、对象的基础1.1 类型JavaScript有六种主要语言类...
    99+
    2022-10-19
  • QinQ基础知识点有哪些
    本篇内容主要讲解“QinQ基础知识点有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“QinQ基础知识点有哪些”吧!QinQ 是 802.1Q in 802.1Q 的简称,是基于 IEEE 8...
    99+
    2023-06-03
  • Mysql基础知识点有哪些
    这篇文章主要介绍Mysql基础知识点有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!数据库的特点?数据结构化 ,数据之间具有联系,面向整个系统;数据的共享性高,冗余度低,易扩充;...
    99+
    2022-10-18
  • Redis基础知识点有哪些
    本篇内容介绍了“Redis基础知识点有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!1. 什么是Red...
    99+
    2022-10-19
  • Node.js基础知识点有哪些
    这篇文章给大家分享的是有关Node.js基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Node.js是什么根据Node.js官方网站的描述,“Node.js是一套...
    99+
    2022-10-19
  • jQuery基础知识点有哪些
    这篇文章将为大家详细讲解有关jQuery基础知识点有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。jQuery语法实例$(this).hide()jQuery 的 h...
    99+
    2022-10-19
  • InnoDB基础知识点有哪些
    这篇文章给大家分享的是有关InnoDB基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一、关于count(*)知识点:MyISAM会直接存储总行数,InnoDB则不...
    99+
    2022-10-19
  • Angular8基础知识点有哪些
    这篇文章给大家分享的是有关Angular8基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Angular CLI又称 Angular脚手架,用于快速生成项目或者组件...
    99+
    2022-10-19
  • XHTML基础知识点有哪些
    本篇内容介绍了“XHTML基础知识点有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 一.HTML实...
    99+
    2022-10-19
  • html基础知识点有哪些
    这篇文章主要介绍了html基础知识点有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。HTML语义化HTML标签的语义化是指:通过使用包含...
    99+
    2022-10-19
  • css3基础知识点有哪些
    这篇文章主要讲解了“css3基础知识点有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css3基础知识点有哪些”吧! div > p 选择父元素...
    99+
    2022-10-19
  • CSS基础知识点有哪些
    这篇文章主要为大家展示了“CSS基础知识点有哪些”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS基础知识点有哪些”这篇文章吧。CSS3 选择器选择器可以被分...
    99+
    2022-10-19
  • Hibernate基础知识点有哪些
    这篇文章主要介绍“Hibernate基础知识点有哪些”,在日常操作中,相信很多人在Hibernate基础知识点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Hibernate基础知识点有哪些”的疑惑有所...
    99+
    2023-06-17
  • Java基础知识点有哪些
    这篇文章主要介绍“Java基础知识点有哪些”,在日常操作中,相信很多人在Java基础知识点有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Java基础知识点有哪些”的疑惑有所帮助!接下来,请跟着小编一起来...
    99+
    2023-06-02
  • VBS基础知识点有哪些
    这篇文章给大家分享的是有关VBS基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。VBScript(Microsoft Visual Basic Script Editon).,微软公司可视化BASI...
    99+
    2023-06-08
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作