美文网首页JavaScript 从零开始
[JavaScript] (Day-11) - 标准对象和使用规

[JavaScript] (Day-11) - 标准对象和使用规

作者: 已重置2020 | 来源:发表于2017-06-29 21:26 被阅读7次
Everyone is dissatisfied with his own fortune. 人对自己的命运总不感满足。
JavaScript 也是一门面向对象的语言
为了区分对象的类型,我们用typeof操作符获取对象的类型,它总是返回一个字符串
typeof 123; // "number"
typeof NaN; // "number"
typeof "str"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof Math.abs; // "function"
typeof null; // "object"
typeof []; // "object"
typeof {}; // "object"

可见,numberstringbooleanfunctionundefined有别于其他类型。特别注意null的类型是objectArray的类型也是object,如果我们用typeof将无法区分出nullArray和通常意义上的object——{}


包装对象

new创建包装对象
包装对象的类型时 object

var n = new Number(123); // 123,生成了新的包装类型
var b = new Boolean(true); // true,生成了新的包装类型
var s = new String('str'); // 'str',生成了新的包装类型

虽然包装对象看上去和原来的值一模一样,显示出来也是一模一样,但他们的类型已经变为object了!

typeof new Number(123); // 'object'
new Number(123) === 123; // false

typeof new Boolean(true); // 'object'
new Boolean(true) === true; // false

typeof new String("str"); // 'object'
new String("str") === "str"; // false

没有写new的话,Number()Boolean()String()被当做普通函数,把任何类型的数据转换为number、booleanstring类型

ar n = Number('123'); // 123,相当于parseInt()或parseFloat()
typeof n; // 'number'

var b = Boolean('true'); // true
typeof b; // 'boolean'

var b2 = Boolean('false'); // true! 'false'字符串转换结果为true!因为它是非空字符串!
var b3 = Boolean(''); // false

var s = String(123.45); // '123.45'
typeof s; // 'string'


总结一下,有这么几条规则需要遵守:

  • 不要使用new Number()new Boolean()new String()创建包装对象;
  • parseInt()parseFloat()来转换任意类型到number
  • String()来转换任意类型到string,或者直接调用某个对象的toString()方法;
  • 通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...}
  • typeof操作符可以判断出numberbooleanstringfunctionundefined
  • 判断Array要使用Array.isArray(arr)
  • 判断null请使用myVar === null
  • 判断某个全局变量是否存在用typeof window.myVar === 'undefined'
  • 函数内部判断某个变量是否存在用typeof myVar === 'undefined'

number对象转成string 问题

123.toString(); // SyntaxError

number对象转成string 问题,要特殊处理一下:

123..toString(); // '123', 注意是两个点!
(123).toString(); // '123'

相关文章

  • [JavaScript] (Day-11) - 标准对象和使用规

    为了区分对象的类型,我们用typeof操作符获取对象的类型,它总是返回一个字符串 可见,number、string...

  • jq,DOM对象转换

    jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。和标准javascript的getEleme...

  • console对象

    console对象是 JavaScript 的原生对象,它有点像 Unix 系统的标准输出stdout和标准错误s...

  • JavaScript | 标准对象

    知识点:基本对象类型,包装对象链接:标准对象 - 廖雪峰的官方网站 知识点:Date对象链接:Date - 廖雪峰...

  • JavaScript 标准对象

    标准对象包装对象DateRegExpJSON 标准对象 在JavaScript的世界里,一切都是对象。 但是某些对...

  • JavaScript 标准对象

    学习笔记,非原创。谢谢 标准对象 在JavaScript的世界里,一切都是对象。 但是某些对象还是和其他对象不太一...

  • ES6 语法基础2--标准库

    4. 标准库 a. Object对象 JavaScript 原生提供Object对象JavaScript 的所有其...

  • JavaScript(Day02)

    1、JavaScript数组 2、JavaScript对象的使用 3、JavaScript内置对象

  • 重学前端(二)- JavaScript

    JavaScript 理解面向对象 JavaScript 标准对基于对象的定义:“语言和宿主的基础设施由对象来提供...

  • 构造函数和原型对象

    javascript使用构造函数和原型对象来进行面向对象编程 构造函数 在 JavaScript 中,构造器其实就...

网友评论

    本文标题:[JavaScript] (Day-11) - 标准对象和使用规

    本文链接:https://www.haomeiwen.com/subject/bsmvcxtx.html