js 中的基本类型，引用类型，基本包装类型

kun_jian 发布于2019-08-22 14:03 / 2718人阅读

摘要：基本类型引用类型等，说白了就是对象。。。基本包装类型如下基本类型毫无疑问上面的是一个基本类型，但是它却能召唤出一个的方法，这是什么原因呢主要是因为在基本类型中，有三个比较特殊的存在就是，这三个基本类型都有自己对应的包装对象。

基本类型：Undefined,Null,Boolean,Number,String

引用类型：Object,Array,Date,RegExp等，说白了就是对象。。。

基本包装类型：Boolean,Number,String

如下~

var str = "hello"; //string 基本类型
var s2 = str.charAt(0);
alert(s2); // h

毫无疑问上面的string是一个基本类型，但是它却能召唤出一个 charAt() 的方法，这是什么原因呢？
主要是因为在基本类型中，有三个比较特殊的存在就是：String Number Boolean，这三个基本类型都有自己对应的包装对象。并且随时等候召唤。包装对象呢，其实就是对象，有相应的属性和方法。至于这个过程是怎么发生呢，其实是在后台偷偷发生的。

//我们平常写程序的过程：
var str = "hello"; //string 基本类型
var s2 = str.charAt(0); //在执行到这一句的时候 后台会自动完成以下动作 ：
（ 
 var _str = new String("hello"); // 1 找到对应的包装对象类型，然后通过包装对象创建出一个和基本类型值相同的对象
 var s2 = _str.chaAt(0); // 2 然后这个对象就可以调用包装对象下的方法，并且返回结给s2.
 _str = null;  //    3 之后这个临时创建的对象就被销毁了， str =null; 
 ） 
alert(s2);//h 
alert(str);//hello

注意这是一瞬间的动作实际上我们没有改变字符串本身的值。就是做了下面的动作.这也是为什么每个字符串具有的方法并没有改变字符串本身的原因。

由此我们可以知道，引用类型和基本包装对象的区别在于：生存期
引用类型所创建的对象，在执行的期间一直在内存中，而基本包装对象只是存在了一瞬间。

所以我们无法直接给基本类型添加方法：

var str = "hello";
str.number = 10; //假设我们想给字符串添加一个属性number ，后台会有如下步骤
｛ 
 var _str = new String("hello"); // 1 找到对应的包装对象类型，然后通过包装对象创建出一个和基本类型值相同的对象
  _str.number = 10; // 2 通过这个对象调用包装对象下的方法 但结果并没有被任何东西保存
 _str =null; // 3 这个对象又被销毁
 ｝
alert(str.number); //undefined  当执行到这一句的时候，因为基本类型本来没有属性，后台又会重新重复上面的步骤
｛ 
 var str = new String("hello"); // 1 找到基本包装对象，然后又新开辟一个内存，创建一个值为hello对象
 str.number = undefined   // 2 因为包装对象下面没有number这个属性，所以又会重新添加，因为没有值，所以值是未定义;然后弹出结果
 str =null; // 3 这个对象又被销毁
 ｝

那么我们怎么才能给基本类型添加方法或者属性呢？
答案是在基本包装对象的原型下面添加，每个对象都有原型。

//给字符串添加方法  要写到对应的包装对象的原型下才行
var str = "hello";
String.prototype.last= fuction(){ 
    return this.charAt(this.length);
}; 
str.last(); // 5 执行到这一句，后台依然会偷偷的干这些事
｛ 
    var _str = new String("hello");// 找到基本包装对象，new一个和字符串值相同的对象，
    _str.last();  // 通过这个对象找到了包装对象下的方法并调用 
    _str =null; //  这个对象被销毁
｝

GPU云服务器云服务器 js中的基本数据类型有哪些基本数据类型js js基本数据类型 js 基本数据类型

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/92811.html

js的基本类型、引用类型、包装类型

摘要：每当读取这个基本类型时，后台会创建一个对应的基本包装类型的对象。类型判断主要是用来判断基本数据类型返回类型新增所以只能用来判断基本数据类型。引用类型基本包装类型都会返回。最近重温JS高程设计以及与朋友的讨论。决定趁热打铁记录JS的各种类型，并做下深入总结。 js的几种类型基本类型：Boolean、String、Number、Null、Undefined 引用类型： 2.1 O...

liangzai_cool 2019-08-23 18:17 评论0 收藏0
JS中，基本数据类型、引用类型与基本包装类型

摘要：例子中，属于基本类型对象。基本数据类型和引用类型作方法入参时的差异通常，在函数调用时，如果入参为基本数据类型时，函数的参数将以值传递的方式传递。前言：再次翻阅JS高程(第3版)过程中，看到了基本包装类型，趁热留下此文，对JS的数据类型做个较为深入的小结（2018-10-19）。虽然JS与其他强类型语言不一样，声明中无需预设数据类型，但是JS也是有数据类型区分的。基本数据类型（...

Tychio 2019-08-23 12:26 评论0 收藏0
轻松理解JS基本包装对象

摘要：今天来讨论一下中的基本包装对象也叫基本包装类型，之前刚学到这里的时候，自己也是一头雾水，不明白这个基本包装对象到底是个什么鬼，后来找了很多资料，终于看清了它的真面目。基本类型引用类型等，说白了就是对象。。。今天来讨论一下JS中的基本包装对象（也叫基本包装类型），之前刚学到这里的时候，自己也是一头雾水，不明白这个基本包装对象到底是个什么鬼，后来找了很多资料，终于看清了它的真面目。首先呢...

seal_de 2019-08-23 15:28 评论0 收藏0
js 中的数据类型

摘要：来自你不知道的对未初始化和未声明的变量执行操作符都返回了值类型是第二个只有一个值的数据类型，这个特殊的值是。基本类型主要有：undefined、null、布尔值（Boolean）、字符串（String）、数值（Number）、Symbol undefined 在使用 var,let,const 声明变量但未对其加以初始化时，这个变量的值就是undefined 注意点： ...

Jensen 2019-08-23 17:08 评论0 收藏0
基本数据类型和引用类型的区别详解

摘要：前两天看到大神的关于基本数据类型和引用类型的区别的文章觉得写得非常不错，就想着在其基础上加上自己平时看到的一些知识点和理解，所以就有了以下的文章基本数据类型基本数据类型包括基本数据类型是按值访问的，就是说我们可以操作保存在变量中的实际的值基前两天看到kraaas大神的关于基本数据类型和引用类型的区别的文章觉得写得非常不错，就想着在其基础上加上自己平时看到的一些知识点和理解，所以就有了...

CoffeX 2019-08-20 14:32 评论0 收藏0