标签: 原生函数
String
- 用来创建
String的包装类型
var a = new String('abc')
typeof a // "object" 包装类型是一种对象类型
- 基本类型在进行属性访问的时候会先转换成包装类型
var a = 'abc'
a.length
// 相当于
var a = 'abc'
a = new String(a)
a.length
a = a.valueOf()
- 在进行大量基本类型的属性访问时，你是否会认为应该使用包装类型呢，比如在
for循环中不断访问a.length，是否应该将普通字符串a转换成new String(a)呢？ - 其实
javascript引擎已经对这种操作进行了性能优化，这样的提前优化反而会降低执行效率。
Boolean
- 一个值得注意的点，封装类型是个真值（thuthy）。
var a = new Boolean(false)
!a // false
typeof a // 'object'
Array
- 使用Array创建数组可以带new， 也可以不带。
var a = new Array(1,2,3)
var b = Array(1,2,3)
- 参数为一个时，表示新建一个空数组并预设长度。
var a = new Array(3)
a.length // 3
- 这是一个不推荐的做法。
- 空数组并不是数组的各项值为
undefined,各浏览器对于空数组的表示方式也不同，目前chrome的表示方式为[empty x 3]。 - 使用数组的迭代方法时，并不会遍历数组。
[,,,].length // 3
[,,,].map(e => {console.log(e)}).length // map方法返回的数组长度为3 ，但是map方法并没有遍历数组，因为我们发现函数中的console.log(e)并没有被执行
Function
构造函数
Function只在极少数情况下使用，他和eval一样，运行动态的代码不仅运行速度慢，而且会有安全问题。使用
Function创建动态函数。
var num = 10
var a = new Function('a', 'b', 'return a * b * ' + num )
// 接收多个参数，最后一个参数是函数体，前面的参数是新建的函数的参数列表
// 上面的代码相当于
function a (a,b) {
return a * b * 10
}
RegExp
- 创建
Object，Function,RegExp类型都推荐使用字面量形式创建，但是有时我们需要创建更灵活的正则表达式，这是就需要使用构造函数了。
var a = 'pre'
var reg = new RegExp(a + 'str', 'i')
reg // /prestr/i
- 转义符问题,
new RegExp('\\nstr') // /\nstr/
new RegExp('\nstr') // 不会得到预期的效果，因为在字符串传参阶段转义符已经生效了
Error
- 与
Array一样，Error的new关键字也不是必须的。 -
Error用来创建错误对象，通常和throw一起使用。 - 错误对象包含当前运行栈的函数调用栈信息和错误的代码行号，方便调试bug。
- 第一个参数是错误对象的
message属性。 -
stack属性描述了调用栈和代码行信息。
throw new Error('查看行号')
- 还有一些特定错误类型，
EvalErrorRangeErrorReferenceErrorSyntaxErrorTypeErrorURIError,这些错误类型一般不会直接使用，而是程序异常时自动调用相应的类型。
Symbol
- es6引入了一种新的基本数据类型——符号（
Symbol）。 - Symbol是具有唯一性的特殊值，用来命名对象属性不容易重名。
- 使用Symbol(..)创建自定义符号，不能加
new关键字。 - 符号不是对象，而是一种简单标量基本类型。
var a = 'str'
var syma = Symbol(a)
var symb = Symbol(a)
typeof syma // 'symbol'
syma == symb // false
- 用来创建不被覆盖的私有属性。
var obj = {}
var private = Symbol('private')
obj[private] = '私有属性'
obj[Symbol('private')] = '覆盖你'
obj[private] // '私有属性'
obj // {Symbol(private): "私有属性",Symbol(private): "覆盖你"}
obj[Symbol('private')] // undefined
- 上面的代码中，第二次看似同名的Symbol也无法覆盖前一个对象属性，并且对象属性中出现了两个写个完全相同的属性名，由于第二个属性名没有作预先保存，所以常规方法也无法取到属性值了。
- 可以使用
Object.getOwnPropertySymbols(obj)取得所有以Symbol类型命名的对象属性的属性名,从而取得属性值。
Object.getOwnPropertySymbols(obj).map(i => obj[i])
// ['私有属性', '覆盖你']
更多
-
Number(),Date(),Object()在之前的成员分享中或之前的知识学习中已经了解过了，这里就不再重复。
往期精彩回顾
- Ant Design 组件 —— Form表单（一)
- Ant Design 组件 —— Form表单（二)
- CMS管理后台入门指南 (Ant Design Pro v2.0)
- 实现点击下载文件的几种方法
- 在https中引入http资源所导致的问题
叶茂 广州芦苇科技web前端工程师
