第五章(5):基本包装类型和单体内置对象

基本包装类型

每当读取一个基本类型值的时候,后台就会创建一个与之对应的基本包装类型。基本包装类型顾名思义就是对基本类型的一层包装,成为一个特殊的引用类型。然后具备一些方法和属性。方便其使用。

/**
 * 1和2的操作类似,实际在1执行的时候默认执行的是2的操作
 *
 * @type {string}
 */
// 1 基本类型
var str = 'hello'
var str1 = str.concat(', world')

// 2
var str = new String('hello')
var str1 = str.concat(', world')
str1 = null

/**
 * 基本类型和基本包装类型的区别是:基本包装类型在离开当前作用域之前是一直存在的,而基本类型背后默认自动创建的基本包装类型的实例在执行完之后就销毁了
 * @type {string}
 */
var s1 = 'hello'
var s2 = new String('hello')
s1.age = 18
console.log('s1: ', s1) // s1:  hello
s2.age = 18
console.log('s2: ', s2) // s2:  String {0: "h", 1: "e", 2: "l", 3: "l", 4: "o", age: 18, length: 5, [[PrimitiveValue]]: "hello"}

/**
 * boolean基本包装类型
 * @type {boolean}
 */
var b1 = true
var b2 = new Boolean(true)
console.log(typeof b1)  // boolean
console.log(typeof b2)  // object

/**
 * Number基本包装类型
 * toFixed 可以接受一个参数,代表要保留的小数位,能够自动四舍五入。
 * @type {number}
 */
var n1 = 12346.678
console.log(n1.toFixed(2))  // 12346.68

/**
 * String 基本包装类型
 * @type {string}
 */
var msg = 'hello,日暮途远'
console.log(msg.length) // 10 即使是汉字,也只占1位
console.log(msg.charAt(6))  // 日 (返回给定位置的字符)
console.log(msg.charCodeAt(6))  // 26085  (返回给定位置的字符编码)
console.log(msg.concat('!'))  // hello,日暮途远! (和数组的concat方法类似)

console.log(msg.slice(5,7)) // ,日 (和数组的slice方法类似)
console.log(msg.substring(5,7)) // ,日 (和slice方法类似)
console.log(msg.substr(5,7)) // ,日暮途远 (第一位是起始位置,第二位是长度)

console.log(msg.indexOf('l')) // 2  (和数组的indexOf方法类似)
console.log(msg.lastIndexOf('l')) // 3  (和数组的lastIndexOf方法类似)

var brief = ' h e l l o '
console.log(brief.trim()) // 删除开头和结尾的空格,对原字符没有影响

//在之前的正则表达式章节已经介绍过,这里就不多说了
var pattern1 = / /g
console.log(brief.match(pattern1))  // [" ", " ", " ", " ", " ", " "]
console.log(brief.replace(pattern1,""))  // hello

//可以接受一个或多少字符编码然后转化成字符
console.log(String.fromCharCode(97,98)) // ab

内置对象

由ECMAScript实现提供的,不依赖于宿主环境的对象,这些对象在ECMAScript程序之前就已经存在,例如Object,Array,String。还有两个单体内置对象:Global和Math

  • Global
    Global对象是不存在的。但是你可以理解为它是上帝。所有在全局环境中定义的属性和函数,都是Global对象的属性和方法。Global还有以下几个方法
// Global
/**
 * encodeURI 不会对本身的特殊字符进行编码,只会对空格和非字母(汉字)进行编码
 * encodeURIComponent 会对所有非字母的字符进行编码
 * @type {string}
 */
var url = 'http://www.baidu.com/index?a=1&name=日暮途远 ——————'
var enU = encodeURI(url)  // http://www.baidu.com/index?a=1&name=%E6%97%A5%E6%9A%AE%E9%80%94%E8%BF%9C%20%E2%80%94%E2%80%94%E2%80%94%E2%80%94%E2%80%94%E2%80%94
var enUC = encodeURIComponent(url)  // http%3A%2F%2Fwww.baidu.com%2Findex%3Fa%3D1%26name%3D%E6%97%A5%E6%9A%AE%E9%80%94%E8%BF%9C%20%E2%80%94%E2%80%94%E2%80%94%E2%80%94%E2%80%94%E2%80%94
console.log(enU)
console.log(enUC)

//解码
console.log(decodeURI(enU)) // http://www.baidu.com/index?a=1&name=日暮途远 ——————
console.log(decodeURIComponent(enUC)) // http://www.baidu.com/index?a=1&name=日暮途远 ——————

/**
 * eval只接受一个参数,要执行的ECMAScript的字符串
 * @type {string}
 */
var str = 'console.log("hello, world")'
console.log(eval(str))  // hello, world
console.log(eval('hello, world')) // Uncaught ReferenceError: hello is not defined
  • Math
    Math对象保存了一些方便于数学计算的属性和方法。
//Math
var arr = [1,2,3,4,5,6]
console.log(Math.max.apply(Math, arr))  // 6 获取最大值
console.log(Math.min.apply(Math, arr))  // 1 获取最小值

var num = 123.578
console.log(Math.ceil.call(Math, num))  // 124 向上取整
console.log(Math.floor.call(Math, num)) // 123 向下取整
console.log(Math.round.call(Math, num)) // 124 四舍五入
/**
 * 一个范围内取随机数
 * ran = Math.floor(Math.random() * 个数 + 最小数)
 * @type {number}
 */
var ran = Math.floor(Math.random() * 10 + 1)
console.log(ran)  //  1 <= ran <= 10

另外还有例如sin, cos等方法,这里就不一一列举了。

引用

javascript高级程序设计

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,219评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,363评论 1 293
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,933评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,020评论 0 206
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,400评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,640评论 1 219
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,896评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,597评论 0 199
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,327评论 1 244
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,581评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,072评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,399评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,054评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,083评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,849评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,672评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,585评论 2 270

推荐阅读更多精彩内容