JavaScript高级教程5.6之基本包装类型(详细)

JavaScript高级教程5.6之基本包装类型(详细)

基本包装类型介绍

JavaScript中有三种基本类型:Number、String和Boolean。它们是原始值,不是对象。但是,在读取它们的属性时,会创建临时的基本包装类型对象,以便能够访问属性和方法。一旦访问结束,立即销毁这个临时对象。这个临时对象的行为类似于对象类型的实例。

基本包装类型方法

在临时对象中,可以使用相应的方法。例如:

String基本包装类型方法

String.charAt(index)方法

该方法返回字符串中指定位置的字符。例如:

var str = "Hello World!";
console.log(str.charAt(6)); //输出 W

String.concat(str1, str2, ...)方法

该方法将一个或多个字符串与原字符串连接合并,并返回新的字符串。例如:

var str1 = "Hello ";
var str2 = "World!";
console.log(str1.concat(str2)); //输出 Hello World!

Number基本包装类型方法

Number.toExponential(fractionDigits)方法

该方法把数字转换为指数计数法,并可指定小数点后要保留的位数。例如:

var num = 123456789;
console.log(num.toExponential(2)); //输出 1.23e+8

Number.toFixed(fractionDigits)方法

该方法可把数字转换为字符串,并按指定的小数位数返回字符串表示。例如:

var num = 123456.789;
console.log(num.toFixed(2)); //输出 123456.79

Boolean基本包装类型方法

Boolean.toString()方法

该方法返回布尔值的字符串表示。例如:

var bol = true;
console.log(bol.toString()); //输出 true

基本包装类型属性

除了可以使用方法之外,基本包装类型还有一些只读属性,例如:

String基本包装类型属性

String.length属性

该属性返回字符串的长度。例如:

var str = "Hello World!";
console.log(str.length); //输出 12

Number基本包装类型属性

Number.MAX_VALUE属性

该属性表示所能表示的最大正数字。例如:

console.log(Number.MAX_VALUE); //输出 1.7976931348623157e+308

Boolean基本包装类型属性

Boolean.prototype属性

该属性表示Boolean对象构造函数的原型对象。如果要向 Boolean 对象添加属性或方法,则要向 Boolean.prototype添加。例如:

Boolean.prototype.name = "Boolean";
var bol = true;
console.log(bol.name); //输出 Boolean

总结

基本包装类型提供了在基本类型与对象之间来回转换的功能。在读取基本类型属性和调用基本类型方法时,会自动转换为临时的基本包装类型对象。但是,在基本包装类型对象上添加属性和方法,不会对原始值产生影响。因此,这种转换其实是一种便利的机制。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript高级教程5.6之基本包装类型(详细) - Python技术站

(0)
上一篇 2023年6月10日
下一篇 2023年6月10日

相关文章

  • JavaScript面向对象编写购物车功能

    当我们在构建一个购物车功能时,可以采用JavaScript面向对象编程的方式来实现。下面是一个完整的攻略: 1. 设计购物车功能 首先要明确购物车的功能和特点,确定购物车所需要存储的数据。 在购物车中,我们需要存储商品的信息,如名称、价格、数量等,同时还需要实现添加、删除、修改商品以及计算购物车总价等功能。 我们可以创建一个Car对象来代表购物车,同时定义一…

    JavaScript 2023年6月11日
    00
  • 替代window.event.srcElement效果的可兼容性的函数

    替代window.event.srcElement的可兼容性函数,可以使用event.target属性来获取触发事件的元素。但是需要注意的是,此方法在IE8及以下版本不兼容,需要做兼容处理。 下面是完整的攻略,包含两条示例说明: 1. 使用event.target属性获取元素 使用event.target属性可获取触发事件的元素,示例如下: function…

    JavaScript 2023年6月10日
    00
  • 详解js中构造流程图的核心技术JsPlumb

    “详解js中构造流程图的核心技术JsPlumb”是一个比较深入技术的话题,下面我将为你进行详细讲解: JsPlumb简介 JsPlumb是一款开源的js工具,用于在web应用程序中可视化构建连接线路和流程图。它支持大量的浏览器,包括 IE 6+,Firefox,Chrome,Safari以及Opera。JsPlumb不依赖于任何其他库或框架,主要提供基于DO…

    JavaScript 2023年5月27日
    00
  • JavaScript对象(详细)

    关于JavaScript对象,我可以提供以下完整攻略: JavaScript对象详解 在JavaScript中,对象是一种非常重要的数据类型。对象可以用来表示一组相关的数据和功能,并且可以被多次引用和修改。本文将详细介绍JavaScript对象的概念、创建、属性、方法和原型。 概述 什么是对象? 在JavaScript中,对象是一种复合数据类型,它可以表示一…

    JavaScript 2023年5月17日
    00
  • javascript控制台详解

    Javascript控制台详解 什么是Javascript控制台 Javascript控制台是浏览器(如Chrome、Firefox、Safari等)自带的开发工具,它可以让开发者在开发和调试网页时,查看和修改网页的代码和样式,并且可以运行Javascript代码,方便开发者定位和解决问题。 如何打开Javascript控制台 打开Javascript控制台…

    JavaScript 2023年5月17日
    00
  • 浅谈JS日期(Date)处理函数

    浅谈JS日期(Date)处理函数 在JavaScript中,日期(Date)处理是相当重要的一种数据类型。在我们的代码开发工作中,通常需要使用日期处理函数对日期进行操作。接下来我们将详细介绍JavaScript中日期处理函数的使用方法。 日期的基本操作 在JavaScript中,日期的基本操作包括创建日期对象、获取日期时间信息以及日期的格式化输出等。 创建日…

    JavaScript 2023年5月27日
    00
  • 在JavaScript中查找字符串中最长单词的三种方法(推荐)

    让我们来详细讲解在JavaScript中查找字符串中最长单词的三种方法。 方法一:使用split()和sort()函数 该方法通过使用split()函数将字符串转换为数组,并使用sort()函数对数组进行排序,然后找到数组中最长的单词来查找最长单词。 function findLongestWord(str) { let words = str.split(…

    JavaScript 2023年5月28日
    00
  • JavaScript 创建对象

    下面是 JavaScript 创建对象的完整攻略: 1. 对象创建方式 JavaScript 有三种创建对象的方式: 1.1. Object 构造函数方式 使用 Object 构造函数创建对象时,需要通过 new 操作符创建一个对象实例。 let obj = new Object(); obj.name = ‘张三’; obj.age = 18; 1.2. …

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