返回顶部
首页 > 资讯 > 前端开发 > VUE >JavaScript标准对象知识点整理
  • 200
分享到

JavaScript标准对象知识点整理

2024-04-02 19:04:59 200人浏览 独家记忆
摘要

本篇内容介绍了“javascript标准对象知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在Ja

本篇内容介绍了“javascript标准对象知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

在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'

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

包装对象

除了这些类型外,JavaScript还提供了包装对象,熟悉Java的小伙伴肯定很清楚int和Integer这种暧昧关系。
number、boolean和string都有包装对象。没错,在JavaScript中,字符串也区分string类型和它的包装类型。包装对象用new创建:

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

虽然包装对象看上去和原来的值一模一样,显示出来也是一模一样,但他们的类型已经变为object了!所以,包装对象和原始值用===比较会返回false:

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

所以闲的蛋疼也不要使用包装对象!尤其是针对string类型!!!
如果我们在使用Number、BooleanString时,没有写new会发生什么情况?
此时,Number()、BooleanString()被当做普通函数,把任何类型的数据转换为number、booleanstring类型(注意不是其包装类型):

var 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'

是不是感觉头大了?这就是JavaScript特有的催眠魅力!

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

  • 不要使用new Number()、new Boolean()、new String()创建包装对象;

  • 用parseInt()parseFloat()来转换任意类型到number

  • 用String()来转换任意类型到string,或者直接调用某个对象的toString()方法;

  • 通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...};

  • typeof操作符可以判断出number、boolean、string、function和undefined

  • 判断Array要使用Array.isArray(arr);

  • 判断null请使用myVar === null

  • 判断某个全局变量是否存在用typeof window.myVar === 'undefined';

  • 函数内部判断某个变量是否存在用typeof myVar === 'undefined'。
     

最后有细心的同学指出,任何对象都有toString()方法吗?nullundefined就没有!确实如此,这两个特殊值要除外,虽然null还伪装成了object类型。

更细心的同学指出,number对象调用toString()报SyntaxError:

123.toString(); // SyntaxError

遇到这种情况,要特殊处理一下:

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

“JavaScript标准对象知识点整理”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: JavaScript标准对象知识点整理

本文链接: https://lsjlt.com/news/78826.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript标准对象知识点整理
    本篇内容介绍了“JavaScript标准对象知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!在Ja...
    99+
    2024-04-02
  • JavaScrpt的面向对象知识点整理
    这篇文章主要介绍“JavaScrpt的面向对象知识点整理”,在日常操作中,相信很多人在JavaScrpt的面向对象知识点整理问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ja...
    99+
    2024-04-02
  • JavaScript闭包知识点整理
    这篇文章主要讲解了“JavaScript闭包知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript闭包知识点整理”吧!在谈闭包之前,我...
    99+
    2024-04-02
  • JavaScript数组知识点整理
    本篇内容介绍了“JavaScript数组知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!JavaS...
    99+
    2024-04-02
  • JavaScript字符串知识点整理
    这篇文章主要讲解了“JavaScript字符串知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript字符串知识点整理”吧!JavaSc...
    99+
    2024-04-02
  • JS封闭函数、闭包、内置对象知识点整理
    本篇内容主要讲解“JS封闭函数、闭包、内置对象知识点整理”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JS封闭函数、闭包、内置对象知识点整理”吧!一、变量作用域...
    99+
    2024-04-02
  • JavaScript对象的基础知识点有哪些
    这篇文章给大家分享的是有关JavaScript对象的基础知识点有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1 、对象的基础1.1 类型JavaScript有六种主要语言类...
    99+
    2024-04-02
  • MySQL知识点整理
    MySQL整理 这几天整理了MySQL的知识点,还有一部分需要在梳理一下,图上先写这么多吧。 未完待续……...
    99+
    2016-03-25
    MySQL知识点整理
  • JavaScript中class继承的知识点整理
    本篇内容主要讲解“JavaScript中class继承的知识点整理”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript中class继承的知识点整理...
    99+
    2024-04-02
  • Vue重点知识点整理
    本篇内容主要讲解“Vue重点知识点整理”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue重点知识点整理”吧!一、对于MVVM的理解?MVVM 是 Model-...
    99+
    2024-04-02
  • Java注释、关键字和标识符知识点整理
    本篇内容介绍了“Java注释、关键字和标识符知识点整理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 一、注释1.Java注释有3...
    99+
    2023-06-16
  • JSP语法、指令、表达式以及对象的知识点整理
    这篇文章主要讲解了“JSP语法、指令、表达式以及对象的知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JSP语法、指令、表达式以及对象的知识点整理”吧!JSP 语法。。。脚本程序脚本...
    99+
    2023-06-02
  • javascript面向对象编程的知识点有哪些
    这篇文章主要介绍了javascript面向对象编程的知识点有哪些的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇javascript面向对象编程的知识点有哪些文章都会有所收获,下面我们一起来看看吧。函数的定义和使...
    99+
    2023-06-29
  • JavaScript进阶之函数和对象知识点详解
    目录JavaScript函数基本构造调用函数方法函数参数argument和rest代码调试变量的作用域函数体内变量作用域解释良好的变量定义格式全局变量局部变量常量Const方法的定义...
    99+
    2024-04-02
  • JavaScript数据类型和变量知识点整理
    这篇文章主要讲解了“JavaScript数据类型和变量知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript数据类型和变量知识点整理”...
    99+
    2024-04-02
  • Javascript原型和原型链的知识点整理
    这篇文章主要讲解了“Javascript原型和原型链的知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Javascript原型和原型链的知识点整理”...
    99+
    2024-04-02
  • mysql性能知识点整理
    这篇文章主要讲解了“mysql性能知识点整理”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“mysql性能知识点整理”吧! my...
    99+
    2024-04-02
  • oracle事务知识点整理
    这篇文章主要介绍“oracle事务知识点整理”,在日常操作中,相信很多人在oracle事务知识点整理问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”oracle事务知识点整理”...
    99+
    2024-04-02
  • 整理CocosCreator常用知识点
    目录一、场景加载二、查找节点1,节点查找2,节点其他操作3,停止播放动作以及计时器三、节点属性设置常驻节点四、节点动作五、计时器六、事件监听七、定义全局变量八、分辨率九、音频控制十、...
    99+
    2024-04-02
  • vue常用知识点整理
    什么是 mvvm? MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型,也可以在 Model 中定义数据修改和操作的...
    99+
    2024-04-02
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作