JavaScript教程-Symbol,keyFor().hasInstance,match,replace,search,split,toPrimitive,toStringTag,

最新推荐文章于 2024-07-02 02:58:42 发布
最新推荐文章于 2024-07-02 02:58:42 发布
阅读量77 收藏
点赞数
分类专栏： 前端八股文 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43428283/article/details/127530599
版权
本文详细介绍了JavaScript中的Symbol类型，包括其作为对象属性名的独特性质、不可枚举性、静态方法如`Symbol.for()`和`Symbol.keyFor()`，以及内置的Symbol值如`Symbol.hasInstance`等。同时，文章探讨了Symbol如何用于防止属性名冲突，以及在类库开发中的应用。此外，还提及了Boolean对象和Error对象的基本概念和用途。
摘要由CSDN通过智能技术生成

Symbol

Symbol 数据类型是一种原始数据类型，该类型的性质在于这个类型的值可以用来创建匿名的对象属性。
匿名的对象属性
类型特性
类型检测
Symbol 值只能通过 Symbol 函数生成。 Symbol 类型的值作为对象属性名可以保证不会与其他属性名不产生冲突。

const symbol = Symbol();

typeof symbol;
// 'symbol'

无法实例化
注意，Symbol 函数前不能使用 new 命令实例化，否则会报错。这是因为生成的 Symbol 是一个原始类型的值，不是对象。也就是说，由于 Symbol 值不是对象，所以不能添加属性。基本上，它是一种类似于字符串的数据类型。


                

                
                
        

        

    

  


        

            

                

                

                了解本专栏
                
                
                  
                订阅专栏 解锁全文
                 
                
                    
                    超级会员免费看
                
            

            
            
            
        

    

      

        

            

              
                
                  学习记录wanxiaowan
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          

                

                        订阅专栏
                









                



	

		

			

				
					
JavaScript基础: ES6新特性---Symbol

				
			

			

				

					u011863822的博客
				

				

					05-13
					
					1015
					
				

			

		

		

			
				
简单的聊了一些Symbol的一些特点，比如Symbol和Symbol.for的区别，还有一些属性会影响对象某些方法的机制，比如Symbol.iterator，Symbol.hasInstance，Symbol.toPrimitive，Symbol.toStringTag。然后进行了实例演示。

			
		

	



                

              
                



	

		

			

				
					
Symbol - 看似平凡的Symbol其实我们每天都在用 - 字符串操作

				
			

			

				

					lixiaosenlin的专栏
				

				

					10-21
					
					1753
					
				

			

		

		

			
				
前言

小伙伴们大家好。前面我们分享了一篇关于对象操作的几个Symbol的内置属性。比如实例检测的Symbol.hasInstance，对象类型转换的Symbol.toPrimitive和检测数据类型的Symbol.toStringTag。这几个都是跟对象操作相关的。接下来再分享几个跟字符串操作相关的Symbol内置属性：Symbol.match、Symbol.replace、Symbol.search和Symbol.split。

Symbol.match

相信大家对String.match()这个函数

			
		

	



                


  
              

                


	

		

			

				
					
JavaScript基础---symbol

				
			

			

				

					qq_30817073的博客
				

				

					06-12
					
					486
					
				

			

		

		

			
				
ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。Symbol 值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突一、Symbol()Symbol()函数会返回symbol类型的值，该类型具有静态属性和静态方法语法：...

			
		

	





	

		

			

				
					
【零基础学JS - 26 】JavaScript中的 不可变-Symbol

				
			

			

				

					专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
				

				

					07-09
					
					255
					
				

			

		

		

			
				
JavaScript ES6引入了一种新的原始数据类型，称为Symbol。Symbol是不可变的（无法更改）且唯一的

			
		

	



		

			
		



	

		

			

				
					
【深入理解ES6】Symbol

				
			

			

				

					wgf1997的博客
				

				

					05-04
					
					462
					
				

			

		

		

			
				
创建Symbol

新增基础类型 Symbol，用于解决 私有属性 问题


let firstName = Symbol()
let person = {}

person[firstName] = 'Nicholas'
console.log(person["firstName"])


注意， Symbol是原始值，不能 new Symbol()构建实例，只能是new Object(【Symbol 值】)


Symbol 接受可选参数，用于描述该 Symbol 值

内部存储在 [[Descr...

			
		

	





	

		

			

				
					
es6-Symbol

				
			

			

				

					爱飞翔
				

				

					02-27
					
					181
					
				

			

		

		

			
				
前言


  突然就断网了，hhhh
  
  我的博客地址 ：http://www.aymfx.cn/


symbo


  这是新的原始类型，一般是用于非字符串属性名称，利用其特性创建私有的变量




var firstname = Symbol(),
    person = {};

person[firstname] = "ly";

console.log(person[first...

			
		

	





	

		

			

				
					
JS【详解】Symbol （含Symbol 作为属性名，静态方法for 和 keyFor，11 个内置的 Symbol 值）...

					
最新发布

				
			

			

				

					weixin_40686446的博客
				

				

					07-02
					
					37
					
				

			

		

		

			
				
ES6 语法，表示唯一且不可变的值，常用作属性键值或者唯一标识符。登录后复制  let a = Symbol()
let a = Symbol('atomic symbol')

console.log(Symbol() === Symbol()) // false
console.log(Symbol('atom') =...

			
		

	





	

		

			

				
					
JavaScript ES6 Symbol 终极教程

				
			

			

				

					小帅的编程笔记
				

				

					10-10
					
					295
					
				

			

		

		

			
				
今天我们来学习JavaScript新的原始类型Symbol，我们可以使用Symbol来创建唯一值作为对象属性或者值，也可以通过Symbol的well-known来修改JS语言内部的逻辑。
创建Symbol
ES6新增了Symbol作为原始数据类型，和其他原始数据类型，像number、boolean、null、undefined、string，symbol类型没有文字形式。
创建一个symbol，我们要使用全局函数Symbol()
let s = Symbol('foo');

Symbol() 函数每次调用

			
		

	





	

		

			

				
					
JS 语言基础笔记——第四篇（Symbol类型属性）

				
			

			

				

					weixin_50936255的博客
				

				

					05-28
					
					920
					
				

			

		

		

			
				
目录

前言

前言




			
		

	





	

		

			

				
					
详解Symbol（自定义值，内置值）-------小小的Symbol，大大的学问

				
			

			

				

					codingWeb的博客
				

				

					09-02
					
					7041
					
				

			

		

		

			
				
ES6 引入了一种新的原始数据类型 Symbol，表示独一无二的值。它是
JavaScript 语言的第七种数据类型
Symbol 特点：
1. Symbol 的值是唯一的，用来解决命名冲突的问题，即使参数相同
// 没有参数的情况
let name1 = Symbol();
let name2 = Symbol();
name1 === name2  // false
name1 === name2 // false

// 有参数的情况
let name1 = Symbol('flag');
let .

			
		

	





	

		

			

				
					
10.Symbol类型

				
			

			

				

					peanut
				

				

					10-11
					
					662
					
				

			

		

		

			
				
1.Symbol的概述与注意点
概述

引入的原因：在实际开发中，由于对象属性名都是字符串，很容易造成变量冲突，为了解决这一问题，ES6引入symbol类型；
Symbol类型：表示独一无二的值；
自此，JavaScript已经有七种数据类型：Undefined、null、String、Boolean、Object、Number、Symbol；
Symbol值通过symbol函数生成；也就是说自此属性名可以是字符串也可以是symbol值；

注意点

Symbol值作为属性名时，该属性仍是公开属性，不是私有

			
		

	





	

		

			

				
					
前端八股文（3）53-84

				
			

			

				

					VAN
				

				

					09-12
					
					1544
					
				

			

		

		

			
				
前端八股文

			
		

	





	

		

			

				
					
javascript常见100问|前端基础知识|offsetHeight-scrollHeight-clientHeight-区别，HTMLCollection-NodeList-区别，vue-com

				
			

			

				

					VAN
				

				

					04-01
					
					1339
					
				

			

		

		

			
				
适用于兄弟组件，或者“距离”较远的组件。常用 API● 绑定事件 event.on(key, fn) 或 event.once(key, fn)● 触发事件 event.emit(key, data)● 解绑事件 event.off(key, fn)Vue 版本的区别● Vue 2.x 可以使用 Vue 实例作为自定义事件● Vue 3.x 需要使用第三方的自定义事件，例如 https://www.npmjs.com/package/event-emitter。

			
		

	





	

		

			

				
					
javascript常见100问|前端基础知识|13-14-options 请求Restful-API-method前端知识体系14-总结，软技能是否看过红宝书code review CR 检查什么

				
			

			

				

					VAN
				

				

					04-01
					
					1239
					
				

			

		

		

			
				
● GET 查询● POST 新增● PATCH 更新● DELETE 删除完善的知识范围，包含了前端工程师常用的所有知识点合理的结构化，便于理解和记忆本章讲解前端基础知识相关的面试题，包括 HTML CSS JS HTTP Ajax 等知识点。这都是技术一面时的必考知识点。不能只说不足，就截止了。一定要通过不足，来突出自己的解决方案，以及未来的预期。这样给人的印象是：正式了自己的不足 + 有学习的态度 —— 非常好！本章讲解软技能相关面试题。

			
		

	





	

		

			

				
					
javascript常见100问|前端基础知识|问ajax-fetch-axios-区别请用 XMLHttpRequestfetch 实现 ajax节流和防抖px em rem vw/箭头函数的缺点

				
			

			

				

					VAN
				

				

					04-01
					
					1216
					
				

			

		

		

			
				
HTML CSS JS HTTP 等基础知识是前端面试的第一步，基础知识不过关将直接被拒。本章将通过多个面试题，讲解前端常考的基础知识面试题，同时复习一些重要的知识点。

			
		

	





	

		

			

				
					
前端八股文-Nodejs介绍，组成，架构和依赖，特点，运行环境安装，包和NPM,NPM包的版本管理，V8 引擎 和 libuv 库，BFF 中间层，服务端渲染，

				
			

			

				

					VAN
				

				

					11-05
					
					1210
					
				

			

		

		

			
				
前端学习

			
		

	





	

		

			

				
					
JavaScript教程|导出导入，import*,export default,

				
			

			

				

					VAN
				

				

					01-07
					
					1017
					
				

			

		

		

			
				
这是我们在本节和前面章节中介绍的所有 export 类型：你可以阅读并回忆它们的含义来进行自查：在声明一个 class/function/… 之前：独立的导出：重新导出：export * from “module”（不会重新导出默认的导出）。export {default [as y]} from “module”（重新导出默认的导出）。

			
		

	





	

		

			

				
					
JavaScript基础教程|使用promise进行错误处理，try-catch,rethrowing,未处理的rejection,

				
			

			

				

					VAN
				

				

					01-05
					
					996
					
				

			

		

		

			
				
catch 处理 promise 中的各种 error：在 reject() 调用中的，或者在处理程序中抛出的 error。如果给定 .then 的第二个参数（即 error 处理程序），那么 .then 也会以相同的方式捕获 error。我们应该将 .catch 准确地放到我们想要处理 error，并知道如何处理这些 error 的地方。处理程序应该分析 error（可以自定义 error 类来帮助分析）并再次抛出未知的 error（它们可能是编程错误）。

			
		

	





	

		

			

				
					
es 的symbol

				
			

			

				

					09-18
				

			

		

		

			
				
在 ECMAScript 6（ES6）中，Symbol 是一种新的基本数据类型，它表示独一无二的值。它可以用来作为对象的属性名，这样可以防止属性名的冲突。与字符串不同的是，Symbol 值是永远不会重复的，即使两个 Symbol 变量的描述相同，它们也是不相等的。

下面是一些 Symbol 值的用法示例：

1. 作为对象的属性名

```javascript
const obj = {};
const s1 = Symbol();
const s2 = Symbol();

obj[s1] = 'hello';
obj[s2] = 'world';

console.log(obj); // { [Symbol()]: 'hello', [Symbol()]: 'world' }
```

2. 作为常量

```javascript
const MY_SYMBOL = Symbol('my symbol');

console.log(MY_SYMBOL); // Symbol(my symbol)
```

3. 作为内置的 Symbol 常量

ES6 中内置了一些 Symbol 常量，它们具有特殊的用途，如下：

- Symbol.iterator：对象的默认迭代器方法。

- Symbol.toStringTag：对象的默认描述字符串。在调用 Object.prototype.toString 方法时会用到该属性。

- Symbol.species：一个构造函数，用来创建派生对象。

- Symbol.match、Symbol.replace、Symbol.search、Symbol.split：用于字符串的正则匹配方法。

- Symbol.hasInstance：判断一个对象是否为某个构造函数的实例。

- Symbol.unscopables：一个对象，它自己的属性会被 with 语句排除在作用域之外。

以上是 Symbol 的一些基本用法，它可以用来创建唯一的属性名、作为常量、作为内置的 Symbol 常量等。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  





	
打赏作者

	

		

		
			
		
		

		

			
学习记录wanxiaowan

			
你的鼓励将是我创作的最大动力

		

	

	

			

	

	

    ¥1
    ¥2
    ¥4
    ¥6
    ¥10
    ¥20
	

	

		

			

				

					扫码支付：¥1
				

				

					

					
					获取中
					

				

				

					
					
					扫码支付
				

			

		

		

			
您的余额不足，请更换扫码支付或充值

			
打赏作者

		

	



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值