来自 Web前端 2020-03-17 02:18 的文章
当前位置: 网上澳门金莎娱乐 > Web前端 > 正文

Javascript——数据类型

时间: 2019-11-07阅读: 91标签: Symbol

  • Javascript中有七种内置类型:

Symbol是由ES6规范引入的一项新特性,它的功能类似于一种标识唯一性的ID。Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法。它的静态属性会暴露几个内建的成员对象;它的静态方法会暴露全局的symbol注册,且类似于内建对象类,但作为构造函数来说它并不完整,因为它不支持语法:"new Symbol()"。

  1. 空值(null)
  2. 未定义(undefined)
  3. 布尔值(boolean)
  4. 数字(number)
  5. 字符串(string)
  6. 符号(symbol,ES6新增加的)
  7. 对象(object)
    其中前6种是基本数据类型,对象是引用数据类型。要注意的是在JavaScript中变量是没有数据类型的,只有值才有。变量随时可以持有任何类型的值。

Js实现Symbol

  • 检测数据类型的几种方法
// 当调用 Symbol 的时候,会采用以下步骤://1. 如果使用 new ,就报错//2. 如果 description 是 undefined,让 descString 为 undefined//3. 否则 让 descString 为 ToString(description)//4. 如果报错,就返回//5. 返回一个新的唯一的 Symbol 值,它的内部属性 [[Description]] 值为 descString(function () { var root = this; var generateName = (function () { var postfix = 0; return function (descString) { postfix++; return '@@' + descString + '_' + postfix } })() var SymbolPolyfill = function Symbol(description) { // 实现特性第 2 点:Symbol 函数前不能使用 new 命令 if (this instanceof SymbolPolyfill) throw new TypeError('Symbol is not a constructor'); // 实现特性第 5 点: // 如果 Symbol 的参数是一个对象,toString 方法,将其转为字符串,然后才生成一个 Symbol 值。 var descString = description === undefined ? undefined : String(descString); var symbol = Object.create({ toString: function () { return this.__Name__; }, valueOf: function () { return this; } }) // 语法: Object.defineProperties(obj, props) // obj: 将要被添加属性或修改属性的对象 // props: 该对象的一个或多个键值对定义了将要为对象添加或修改的属性的具体配置 Object.defineProperties(symbol, { '__Description__': { value: descString, writable: false, enumerable: false, configurable: false }, '__Name__': { value: generateName(descString), writable: false, enumerable: false, configurable: false } }) // 实现特性第 6 点,因为调用该方法,返回的是一个新对象,两个对象之间,只要引用不同,就不会相同 // Symbol 函数的参数只是表示对当前 Symbol 值的描述,相同参数的 Symbol 函数的返回值是不相等的。 return symbol } var forMap = {}; // Symbol.keyFor 方法返回一个已登记的 Symbol 类型值的 key Object.defineProperties(SymbolPolyfill, { 'for': { value: function (description) { var descString = description === undefined ? undefined : String(description) return forMap[descString] ? forMap[descString] : forMap[descString] = SymbolPolyfill(descString); }, writable: true, enumerable: false, configurable: true }, 'keyFor': { value: function (symbol) { for (var key in forMap) { if (forMap[key] === symbol) return key; } }, writable: true, enumerable: false, configurable: true } }) root.SymbolPolyfill = SymbolPolyfill})();
  1. typeof:对一个值使用typeof 会返回一个字符串。例如
typeof 1  //'number'
typeof {} //'object'
typeof null  //这里返回的也是'object'
typeof function(){}  //这里返回'function'

注意:typeof无法区分null和object类型的值,虽然typeof function的返回值是'function',但并不是说function是一种数据类型,它是对象的一种子类型,也属于对象,同样拥有属性和方法。

  1. instanceof:用来检测左边的对象是否是右边构造函数的实例,但如果一个构造函数的prototype在所检测的对象的原型链上,都会返回true,例如
var A = function(){}
var B = function(){}
B.prototype = new A()
var b = new B()
b instanceof B   //true
b instanceof A   //true

注意:instanceof只能用来检测对象(函数也属于对象),不能用来判断字符串和数字等,因为字符串、数字等都会返回false。使用时也要注意上面例子的这种情况。

  1. constructor:在Javascript中,每个函数(除了es5中的function.bind()方法)都会自动拥有一个prototype属性,这个属性是一个对象,这个对象拥有一个constructor属性,它指向构造函数本身
var arr = [1,2,3];
arr.constructor === Array   //true
var num = 1;
num.constructor === Number  //true
var str = 'test';
str.constructor === String  //true

注意:强烈建议不要使用constructor属性来做判断,因为这个属性可以随意修改。

  1. prototype:万金油Object.proptotype.toString()方法,判断某个对象值属于哪种内置类型。兼容性最好

本文由网上澳门金莎娱乐发布于Web前端,转载请注明出处:Javascript——数据类型

关键词: