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

yizhihongxing

详解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日

相关文章

  • JavaScript 中的无穷数(Infinity)详解

    那么首先需要明确的是,在 JavaScript 中,Infinity 是指表示正无穷大的数字常量。它比任何数都大,包括自身。同时,JavaScript 也提供了一个负无穷大的常量,即-Infinity。下面,我将会详细讲解 Infinity 在 JavaScript 中的应用及示例。 什么是 Infinity? Infinity 是一个 JavaScript…

    JavaScript 2023年5月27日
    00
  • JS实现网络请求的三种方式梳理

    JS实现网络请求的三种方式梳理 在JavaScript开发中,网络请求是不可或缺的一部分,下面是三种常用的实现网络请求的方式: 1. XMLHttpRequest请求 XMLHttpRequest是一个原生JavaScript对象,它是一个浏览器提供的api,用来在浏览器和服务器之间发送HTTP请求和接收服务器数据。XMLHttpRequest请求的基本流程…

    JavaScript 2023年6月11日
    00
  • JSON的parse()方法介绍

    当我们获取API返回数据或者前端传输数据时,常常会遇到JSON格式的字符串,如果我们要将其转换成JavaScript对象,就需要使用JSON的parse()方法。下面就来详细讲解一下parse()方法的使用。 JSON的parse()方法介绍 在 JavaScript 中,JSON.parse() 方法将 JSON 字符串转换为 JavaScript 对象。…

    JavaScript 2023年5月27日
    00
  • 使用 JavaScript 创建并下载文件(模拟点击)

    使用 JavaScript 可以很方便地创建并下载文件,而模拟点击则是其中一种实现方式。以下是一个完整的攻略,涵盖了实现方法、示例说明以及注意事项。 实现方法 创建用于下载的数据 首先需要创建一个用于下载的数据,可以是文本、二进制数据或者图片等。以文本数据为例,可以使用以下方法创建: const data = "Hello, world!&quot…

    JavaScript 2023年5月27日
    00
  • 原生js中运算符及流程控制示例详解

    原生JS中运算符及流程控制示例详解 运算符详解 赋值运算符 赋值运算符用于给变量或表达式赋值,常用的有“=”、“+=”、“-=”等运算符。 例如,下面代码将变量a赋值为1: var a = 1; 算术运算符 算术运算符用于数值的加减乘除,常用的有“+”、“-”、“*”、“/”、“%”等运算符。 例如,下面代码计算a和b的和,并将结果赋值给变量c: var a…

    JavaScript 2023年5月27日
    00
  • JS.findElementById()使用介绍

    JS.findElementById()使用介绍 在JavaScript中,document.getElementById()方法允许您通过DOM(Document Object Model)获取HTML元素。该方法将返回具有指定ID的元素。 语法 以下是 document.getElementById() 的语法: document.getElementB…

    JavaScript 2023年6月10日
    00
  • 详细聊聊浏览器是如何看闭包的

    浏览器是如何看闭包的? 首先,让我们来回顾一下什么是闭包。闭包是在定义函数时创建的一种特殊作用域。可以访问父级作用域中定义的变量和函数,即使父级作用域已经被销毁了。这使得我们可以创建私有变量和函数,也可以用于实现某些高级特性,例如函数记忆和柯里化等。 那么,当浏览器解析Javascript代码时,是如何看待闭包的呢?以下是完整攻略: 函数作用域 Javasc…

    JavaScript 2023年6月10日
    00
  • 利用递增的数字返回循环渐变的颜色的js代码

    利用递增的数字返回循环渐变的颜色是一种非常常用的js代码技巧,在很多前端开发场景中,比如渐变背景色、动态颜色等都需要用到这种技巧。 以下是详细的攻略: 步骤一:编写颜色渐变函数 我们需要编写一个函数,接受一个数字参数,根据这个数字参数返回一个渐变的颜色值。下面是一段伪代码,可以帮助我们理解这个函数的基本思路: function gradientColor(i…

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