当前位置: 首页 > news >正文

JavaScript的变量以及数据类型

JS变量

变量的声明

四种声明方式
1.

    <script>var abc;abc="变量声明1";alert(abc);</script>

在这里插入图片描述
2.

    <script>var abc="变量声明2";alert(abc);</script>
    <script>var abc1,abc2;abc1="变量声明3.1";abc2="变量声明3.2";alert(abc1+abc2)</script>

在这里插入图片描述
4.

    <script>var abc1="4.1",abc2="4.2";alert(abc1+abc2)</script>

在这里插入图片描述

note:变量不仅可以存储变量,还可以存储运算结果

        var abc=prompt("输入姓名"," ");console.log(abc);

在这里插入图片描述

书写规范

  • 所有的英文一律半角输入
  • 严格的区分大小写

变量声明规范

  • 不能以数字开头
  • 可以使用中文,但最好不用
  • 不能用js中的关键字命名
  • 不用用JS的保留字段(未来可能用作js关键词)
  • 命名只能以字母、-、$开头,余下的可以是字母,数字,-,$
  • 命名一定要有意义
  • 建议使用驼峰命名法

单双引号的用法

  document.write('<div class="box">张三</div>'
  • 如上述代码,最外层用了 ‘ ’ 之后,内层的class属性就不要使用‘ ’了,反之依旧成立。
  • 由于代码解释的时候遇到第一个单引号后就会一直往后读,直到解析到第二个单引号,如是内侧的代码片还有单引号的话将会影响浏览器的解析。
  • 否则可以使用 \(反斜杠)转译 “ ”,稍微麻烦

分号的用法以及资源共享

  • 分号代表一段功能的结束,一段功能结束,有换行的可以不用分号
  • 多个JS块可以看成一个整体,能够相互调用资源

JS数据类型

note: typeof可以检测数据类型,它是一个运算符不是函数

        var abc=1213;var t=typeof(abc);document.write(t+" ");var b=typeof("abc");document.write(b);

undefined和null类型

  • undefined 指空变量,被声明了但是并未赋值
  • null 空,什么也没有,声明也没有

数值和字符串类型

note:不要用JS做浮点运算,它的浮点运算能力很差。

  • number 包含整数和小数
  • string 字符串类型
        var abc="字符串类型";var t=typeof(abc);document.write(t,"<br>",abc)

在这里插入图片描述

布尔值和对象

  • boolean true/false
  • object (数组属于特殊类型的对象)
        var abc=4>7;var abcd=true;var a=typeof(abc);var b=typeof(abcd);var abc1=typeof([1,2,3,4]);var abc2=typeof({name:"张三",age:15});document.write(abc," ",a,"<br>",abcd," ",b,"<br>",abc1,"<br>",abc2)

在这里插入图片描述

变量赋值

  • js是弱类型语言
  • 数据类型可以被忽略的语言
  • 同一个变量后赋的值会覆盖前面赋的值
http://www.lryc.cn/news/546763.html

相关文章:

  • 私有云基础架构
  • 在 Windows 和 Linux 系统上安装和部署 Ollama
  • 从零开始学习Slam--数学概念
  • 【零基础到精通Java合集】第十五集:Map集合框架与泛型
  • 从小米汽车召回看智驾“命门”:智能化时代 — 时间就是安全
  • Visual Studio Code 如何编写运行 C、C++ 程序
  • 动静态库-Linux 学习
  • 【Hudi-SQL DDL创建表语法】
  • HTML label 标签使用
  • bge-large-zh-v1.5 与Pro/BAAI/bge-m3 区别
  • JVM常用概念之对象初始化的成本
  • [AI机器人] Web-AI-Robot机器人前瞻版--比奇堡海之霸凯伦
  • 嵌入式学习-EXTI外部中断
  • CSS—元素水平居中:2分钟掌握常用的水平居中
  • PyTorch 中结合迁移学习和强化学习的完整实现方案
  • 大语言模型学习--本地部署DeepSeek
  • Linux:vim快捷键
  • Unity 对象池技术
  • 算法1-4 凌乱的yyy / 线段覆盖
  • 【计网】数据链路层
  • javaweb自用笔记:Vue
  • CSS Overflow 属性详解
  • 沃丰科技结合DeepSeek大模型技术落地与应用前后效果对比
  • 突破光学成像局限:全视野光学血管造影技术新进展
  • 2.反向传播机制简述——大模型开发深度学习理论基础
  • 机器学习校招面经二
  • Spring Boot如何利用Twilio Verify 发送验证码短信?
  • 毕业项目推荐:基于yolov8/yolo11的苹果叶片病害检测识别系统(python+卷积神经网络)
  • Linux的用户与权限--第二天
  • 【Flink银行反欺诈系统设计方案】1.短时间内多次大额交易场景的flink与cep的实现