JavaScript变量与基本数据类型

这篇具有很好参考价值的文章主要介绍了JavaScript变量与基本数据类型。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

JavaScript变量与基本数据类型

目录

一、声明变量

(1)let

(2)const

(3)var

二、基本类型

(1)undefined和null

(2)string

(3)number和bigin

(4)boolean

(5)symbol


        JavaScript(JS)是一种具有函数优先特性的轻量级、解释型或者说即时编译型的编程语言。虽然作为 Web 页面中的脚本语言被人所熟知,但是它也被用到了很多非浏览器环境中,例如 Node.js、Apache CouchDB、Adobe Acrobat 等。进一步说,JavaScript 是一种基于原型、多范式、单线程的动态语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

一、声明变量

(1)let

let 变量名 = 值;

let声明的变量可以被多次赋值,例如:

let a = 100;  // 初始值是 100
a = 200;	  // ok, 被重新赋值为 200

(2)const

const修饰的叫常量,只能赋值一次

const b = 300; // 初始值是 300
b = 400;	   // error, 不能再次赋值

const并不意味着它引用的内容不可修改,例如:

const c = [1,2,3];
c[2] = 4; 	        // ok, 数组内容被修改成 [1,2,4]
c = [5,6];			// error, 不能再次赋值

(3)var

var声明的变量可以被多次赋值,例如:

var f = 100;
f = 200;

二、基本类型

(1)undefined和null

  • 执行表达式或函数,没有返回结果,出现 undefined

  • 访问数组不存在的元素,访问对象不存在的属性,出现 undefined

  • 定义变量,没有初始化,出现 undefined

例如:

console.log(1);  	// 函数没有返回值, 结果是  undefined
let a = 10;		 	// 表达式没有返回值, 结果是 undefined
let b = [1,2,3];
console.log(b[10]); // 数组未定义元素是 undefined
let c = {"name":"张三"};
console.log(c.age); // 对象未定义属性是 undefined
let d;
console.log(d);		// 变量未初始化是 undefined

二者共同点

  • 都没有属性、方法

  • 二者合称 Nullish

二者区别

  • undefined 由 js 产生

  • null 由程序员提供

(2)string

js字符串有三种写法:

let a = "hello";  // 双引号
let b = "world";  // 单引号
let c = `hello`;  // 反引号

HTML代码,用java和js中的表示对比:

java表示,比较繁琐:

String s2 = """
    <a href="1.html">超链接</a>""";

js比较灵活:

let s1 = '<a href="1.html">超链接</a>';

let s2 = `<a href="1.html">超链接</a>`;

模板字符串(Template strings)

需求:拼接URL的请求参数,如:

/test?name=zhang&age=18
/test?name=li&age=20

传统方法拼接:

let name = ; // zhang li ...
let age = ; // 18 20 ...

let uri = "/test?name=" + name + "&age=" + age;

模板字符串方式:

let name = ; // zhang li ...
let age = ; // 18 20 ...

let uri = `/test?name=${name}&age=${age}`;

(3)number和bigin

number类型标识的是双精度浮点小数,例如:

10 / 3;   // 结果 3.3333333333333335

既然是浮点小数,那么可以除零:

10 / 0;	  // 结果 Infinity 正无穷大
-10 / 0;  // 结果 -Infinity 负无穷大

浮点小数都有运算精度问题,例如:

2.0 - 1.1; // 结果 0.8999999999999999

字符串转数字

parseInt("10"); 	// 结果是数字 10 
parseInt("10.5");	// 结果是数字 10, 去除了小数部分
parseInt("10") / 3; // 结果仍视为 number 浮点数, 因此结果为 3.3333333333333335

parseInt("abc");	// 转换失败,结果是特殊值 NaN (Not a Number)

要表示真正的整数,需要用bigint,数字的结尾用n表示它是一个bigint类型

10n / 3n;			// 结果 3n, 按整数除法处理

(4)boolean

在js中,并不是boolean才能用于条件判断,可以在if语句中使用【数字】、【字符串】...作为判断

let b = 1;

if(b) { // true
    console.log("进入了");
}

这时就有一个规则,当需要条件判断时,这个值被当做true还是false,当做true的值归类为truthy,当做false的值归类为falsy

下面的值是falsy:

  • false

  • Nullish (null, undefined)

  • 0, 0n, NaN

  • "" '' `` 即长度为零的字符串

剩余的值绝大部分都是truthy

有几个容易被当做falsy实际上是truthy的

  • "false", "0" 即字符串的 false 和 字符串的零

  • [] 空数组

  • {} 空对象

(5)symbol

使用较少,需要的可以在下面网址查阅JavaScript | MDN (mozilla.org)https://developer.mozilla.org/zh-CN/docs/Web/JavaScript

 文章来源地址https://www.toymoban.com/news/detail-414649.html

到了这里,关于JavaScript变量与基本数据类型的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • JavaScript变量及数据类型

    JavaScript变量及数据类型

    目录 概述: 变量: 前言: 变量的命名: 定义变量: 为变量赋值: 变量提升: let和const: JS数据类型: 前言: typeof操作符: JS基本数据类型: String(字符串): Number(数值): Boolean(条件): Null(空): Undefined(未定义): Symbol(独一无二): JS引用数据类

    2024年04月28日
    浏览(8)
  • JavaScript基础:js介绍、变量、数据类型以及类型转换

    JavaScript基础:js介绍、变量、数据类型以及类型转换

      目录 介绍 引入方式 内部方式 外部形式 注释和结束符 单行注释 多行注释 结束符 输入和输出 输出 输入 变量 声明 赋值 变量名命名规则 常量 数据类型 数值类型 字符串类型 布尔类型 undefined 类型转换 隐式转换 显式转换 Number 📖引入方式 JavaScript 程序不能独立运行

    2024年04月27日
    浏览(9)
  • Java 变量与基本数据类型

    2024年02月09日
    浏览(10)
  • 二、GoLang输出HelloWorld、基本数据类型、变量常量定义、基本类型转换

    go语言中,想要输出内容到控制台,package必须是main,包括方法名也必须是main, go语言输出的语法是 fmt 库。 Go语言的基本类型有: boolean:布尔类型 true / false string :字符串类型 数值型: int8:有符号8位整型(-128到127)长度 int16:有符号16位整型(-32768到32767)长度 int32:有

    2024年02月09日
    浏览(11)
  • JavaScript引用数据类型(对象类型)和原始(基本)数据类型特点比较

    JavaScript引用数据类型(对象类型)和原始(基本)数据类型特点比较

    为讲解JavaScript引用数据类型(对象类型)和原始(基本)数据类型特点比较,需要先回顾JavaScript数据类型有哪些? 一)原始(primitive:原始、基本)数据类型,也称为原始值(primitive value),包括: 1.布尔值(Boolean),其字面值只有两个,分别是true和false。 2.null,Null类型

    2024年02月05日
    浏览(6)
  • C++ 用户输入与数据类型详解:建立基本计算器及变量类型

    你已经学习了 cout 用于输出(打印)值。现在我们将使用 cin 来获取用户输入。 cin 是一个预定义变量,它使用提取运算符( )从键盘读取数据。 在下面的示例中,用户可以输入一个数字,该数字存储在变量 x 中。然后我们打印 x 的值: 示例 需要注意的是: cout 的发音是

    2024年03月26日
    浏览(7)
  • 【Go基础】编译、变量、常量、基本数据类型、字符串

    【Go基础】编译、变量、常量、基本数据类型、字符串

    面试题文档下链接点击这里免积分下载 go语言入门到精通点击这里免积分下载 使用 go build 1.在项目目录下执行 2.在其他路径下编译 go build ,需要再后面加上项目的路径(项目路径从GOPATH/src后开始写起,编译之后的可执行文件就保存再当前目录) 3.打包的时候自定义名字:

    2024年02月09日
    浏览(13)
  • Go语言变量使用指南:声明、类型转换与字符串操作

    Go语言变量使用指南:声明、类型转换与字符串操作

    深入了解Go语言中变量的声明方式、字符和布尔类型的细节、字符串的不可变性以及基本数据类型之间的转换规则。

    2024年02月10日
    浏览(29)
  • 掌握 C# 变量:在代码中声明、初始化和使用不同类型的综合指南

    变量是用于存储数据值的容器。 在 C# 中,有不同类型的变量(用不同的定义),例如: int - 存储整数(没有小数点的整数),如 123 或 -123 double - 存储浮点数,有小数点,如 19.99 或 -19.99 char - 存储单个字符,如 \\\'a\\\' 或 \\\'B\\\'。 Char 值用单引号括起来 string - 存储文本,如

    2024年01月17日
    浏览(10)
  • 17. C++ static、const 和 static const 类型成员变量声明以及初始化

    1. C++ static、const 和 static const 类型成员变量声明以及初始化 const 定义的常量在超出其作用域之后其空间会被释放; static 定义的静态常量在函数执行后不会释放其存储空间; 1.2 static static 表示的是静态的 类的静态成员函数、静态成员变量是和类相关的,而不是和类的具体对

    2024年01月18日
    浏览(28)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包