详解JavaScript基本类型和引用类型

详解JavaScript基本类型和引用类型

基本类型

JavaScript 中的基本类型指的是简单的数据类型。它们在赋值时被直接存储在变量访问的位置。JavaScript 有 6 种基本类型:NumberStringBooleannullundefinedSymbol

Number

Number 是一种表示数字的基本类型,它包括整数和浮点数。JavaScript 中的所有数字都是以双精度 64 位浮点数的形式存储的。这意味着在进行数字计算时可能会出现精度问题。

示例:

var x = 5;
var y = 2.3;
var z = x + y; // 7.3
console.log(z);

String

String 是一种表示文本的基本类型。字符串可以包含任何字符,包括空格和特殊字符。字符串可以由双引号或单引号括起来。

示例:

var message = "Hello World!";
console.log(message);

Boolean

Boolean 是一种表示逻辑值的基本类型。它只有两个取值:truefalse。用于逻辑判断。

示例:

var x = 5;
var y = 3;
var z = (x > y); // true
console.log(z);

null 和 undefined

nullundefined 都表示没有值。null 表示一个空对象指针,而 undefined 表示一个未定义的值。

示例:

var x = null;
var y = undefined;
console.log(x); // null
console.log(y); // undefined

Symbol

Symbol 是一种新的基本类型,它在 ECMAScript 6 引入,并表示一个唯一的标识符。

示例:

var sym1 = Symbol("foo");
var sym2 = Symbol("foo");
console.log(sym1 === sym2); // false

引用类型

除了基本类型外,JavaScript 还有引用类型。引用类型是由对象构成的,它们不是直接存储在变量访问的位置上,而是存储在堆内存中,并通过引用来访问它们。

JavaScript 中的引用类型包括:ObjectArrayFunctionDateRegExp 等。

Object

Object 是所有引用类型的基类。它是一组属性的无序集合,属性可以是基本类型或引用类型。

示例:

var person = {
    name: "张三",
    age: 18,
    hobbies: ["篮球", "游泳"]
};
console.log(person.name); // 张三
console.log(person.hobbies[0]); // 篮球

Array

Array 是一种有序的、编号的、可重复的集合数据类型。每个元素可以是基本类型或引用类型。

示例:

var colors = ["red", "green", "blue"];
console.log(colors[0]); // red
console.log(colors.length); // 3

Function

Function 是一种特殊的对象类型,它可以通过 function 关键字定义,是 JavaScript 中的一等公民。

示例:

function greet(name) {
    console.log("Hello, " + name + "!");
}
greet("张三"); // Hello, 张三!

Date

Date 是表示日期和时间的对象。它有多种构造函数,可以使用多种方式来创建 Date 对象。

示例:

var now = new Date();
console.log(now.toLocaleString()); // 2022年7月27日 上午11:06:58

RegExp

RegExp 是表示正则表达式的对象。它可以用来匹配字符串中的模式,并进行搜索和替换。

示例:

var re = /hello/gi;
var str = "Hello World! hello javascript!";
console.log(re.test(str)); // true
console.log(str.replace(re, "hi")); // Hi World! hi javascript!

总结

JavaScript 中有 6 种基本类型和多种引用类型。基本类型在赋值时直接存储在变量访问的位置上,而引用类型则是存储在堆内存中,通过引用来访问。了解这些类型及其特点,有助于我们更好地理解 JavaScript 的数据类型系统。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:详解JavaScript基本类型和引用类型 - Python技术站

(0)
上一篇 2023年5月28日
下一篇 2023年5月28日

相关文章

  • js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍

    JS中页面的重新加载 在JS中,我们经常需要在不刷新整个页面的情况下重新加载部分内容,下面将介绍如何在JS中实现当前页面和上级页面的重新加载。 当前页面的重新加载 要实现当前页面的重新加载,可以使用如下代码: location.reload(); 这样,当前页面的内容就会被重新加载,相当于用户点击了浏览器的刷新按钮。 上级页面的重新加载 要实现上级页面的重新…

    JavaScript 2023年6月11日
    00
  • Javascript POSITIVE_INFINITY 属性

    以下是关于JavaScript POSITIVE_INFINITY属性的完整攻略。 JavaScript POSITIVE_INFINITY属性 JavaScript POSITIVE_INFINITY属性是Number对象的一个属性,它表示JavaScript中的正无穷大。我们可以POSITIVE_INFINITY属性来检查数字是否为正无穷大,或者进行一些…

    JavaScript 2023年5月11日
    00
  • js 使用ajax设置和获取自定义header信息的方法小结

    讲解“js 使用ajax设置和获取自定义header信息的方法小结”的完整攻略。如下所述: 1. 设置自定义header信息 使用Ajax在发送请求时,我们可以额外设置一些自定义的header信息,例如token,user-agent等。以下是使用Ajax设置自定义header信息的方法: var xhr = new XMLHttpRequest(); xh…

    JavaScript 2023年6月11日
    00
  • 浅析JavaScript中的array数组类型系统

    下面是详细讲解“浅析JavaScript中的array数组类型系统”的完整攻略: 介绍 在JavaScript中,数组类型是最常用到的一种数据类型之一。它允许我们在一个变量中存储多个数据项,并通过索引值来访问它们。在本文中,我们将对JavaScript中的Array数组类型系统进行浅析。 声明 JavaScript中的数组可以有多种声明方式。以下是其中两种:…

    JavaScript 2023年5月27日
    00
  • .net与javascript脚本的交互方法总结

    请看下面的详细解释。 如何在.NET和JavaScript之间进行交互 在.NET和JavaScript之间进行交互是一项非常强大的技术。以下是一些常用的.NET和JavaScript交互方法: 1. 使用Ajax/Web API 使用Ajax/Web API是一种非常常用的.NET和JavaScript交互方法。使用这种方法,您可以在服务器和客户端之间发送…

    JavaScript 2023年5月27日
    00
  • 解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法

    针对“解决js页面滚动效果scrollTop在Firefox与Chrome浏览器间的兼容问题”的问题,以下是完整的攻略: 问题描述 在开发网站过程中,经常会遇到使用JavaScript实现页面滚动效果时,在不同浏览器下滚动条的scrollTop属性值不同的兼容性问题,尤其是在Chrome与Firefox浏览器上。 解决方法 使用jQuery的.scrollT…

    JavaScript 2023年6月11日
    00
  • JavaScript获取当前url根目录(路径)

    获取当前网站的根目录或路径是在一些前端应用程序中非常有用的操作,特别是当需要以相对于网站根目录的方式链接样式表、脚本或图像时。以下是获取当前URL根目录(路径)的攻略: 方法一:使用location对象 可以使用JavaScript的location对象获取当前页面的完整URL,然后使用split()方法和push()方法来分离根目录路径。 var path…

    JavaScript 2023年6月11日
    00
  • thinkphp3.x中session方法的用法分析

    ThinkPHP3.x中Session方法的用法分析 什么是Session Session是Web 开发中常用的一种保持用户会话状态的技术,在服务器端保存用户数据,用于跨页面或跨请求访问这些数据,实现用户身份认证,数据的持久化等功能。 ThinkPHP3.x中的Session ThinkPHP3.x封装了Session操作类,使用时可通过以下实例化方法获取S…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部