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

相关文章

  • JavaScript 中的 parseInt() 函数详解

    JavaScript 中的 parseInt() 函数详解 什么是 parseInt() 函数? parseInt() 是 JavaScript 内置的一个函数,用于将字符串解析成整型数字。该函数的作用是从字符串中提取数字,将其转换为十进制整数。 parseInt() 函数的语法 parseInt() 函数的语法格式如下: parseInt(string, …

    JavaScript 2023年5月27日
    00
  • JS中位置与大小的获取方法

    当我们开发JavaScript程序时,经常需要获取页面元素的位置与大小,以便进行后续的操作。接下来,我将为大家介绍JS中获取元素位置与大小的方法。 获取元素位置 1. offsetTop和offsetLeft属性 offsetTop和offsetLeft是用来获取某个元素相对于其offsetParent元素(指具有定位属性的父元素)的左上角距离的。 cons…

    JavaScript 2023年6月10日
    00
  • 利用js编写网页进度条效果

    编写网页进度条效果通常需要用到JavaScript语言。下面是利用JS编写网页进度条效果的几个步骤: 1. 创建进度条的HTML布局 首先,你需要确定进度条的位置和尺寸,并在HTML中创建一个<div>元素作为进度条容器,在这个容器内放置一个表示进度的<div>子元素。 示例1:简单的进度条布局 <div class=&quot…

    JavaScript 2023年6月11日
    00
  • 详解超简单的react服务器渲染(ssr)入坑指南

    我来为你详细讲解“详解超简单的react服务器渲染(ssr)入坑指南”的完整攻略。 什么是SSR SSR(Server-Side Rendering,服务器端渲染)是指在服务器端使用Node.js等技术来进行React组件的渲染工作,将页面渲染成HTML字符串后返回给浏览器,使浏览器能够更快速地呈现页面,提升用户体验。 SSR的优劣 相比于客户端渲染(CSR…

    JavaScript 2023年6月11日
    00
  • javaScript中with函数用法实例分析

    JavaScript中with函数用法实例分析 with函数是JavaScript中的一个特殊函数,用来简化代码编写。尽管with函数的用法看起来很简单,但是使用不当可能会导致代码混乱,因此在使用with函数时需要谨慎。 本文将从以下方面详细讲解with函数的用法,包括: with函数的用法 with函数的实例分析 with函数的用法 with函数的语法: …

    JavaScript 2023年6月10日
    00
  • Javascript attachEvent传递参数的办法

    当使用Javascript的attachEvent来绑定事件时,我们希望能够给事件处理函数传递一些参数,但是attachEvent本身并不支持传递参数。下面介绍两种解决方法。 方法一:使用闭包 使用闭包是attachEvent传递参数的一种常用方法。首先,我们先定义一个函数来包装我们要执行的事件处理函数。在这个包装函数中,我们可以访问到需要传递的参数,并把这…

    JavaScript 2023年6月10日
    00
  • js 实现ajax发送步骤过程详解

    关于JS实现AJAX发送步骤过程的详解,可以从以下几个方面来说明: 一、AJAX请求的基本流程 在进行AJAX操作之前,我们需要先创建一个 XMLHttpRequest 对象。该对象主要用于在后台向服务器发出HTTP请求。 然后,设置 XMLHttpRequest 对象的一些属性,如请求类型、请求地址、传递的数据等。在设置完这些属性后,我们需要调用 XMLH…

    JavaScript 2023年6月11日
    00
  • 区分中英文字符的两种方法(正则和charCodeAt())

    区分中英文字符是一个十分常见的需求,下面我将介绍两种常用的方法,分别是正则表达式和charCodeAt()方法。 使用正则表达式 匹配单个中文字符 要匹配单个中文字符,我们需要使用Unicode中文编码范围来进行匹配,中文字符的Unicode编码范围为\u4e00-\u9fa5。因此,我们可以使用如下的正则表达式: /^[\u4e00-\u9fa5]$/ 这…

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