JavaScript 加号(+)运算符号

 更新时间:2009年12月06日 00:48:42   作者:  
在一些框架中看到了类似这样的写法:+new Date();感觉有些怪,查阅了相关资料和一些网友的帮助.对此用法解释如下,希望对大家有所帮助,不合适的地方请大家指正!
一,对于引用类型对象(我指的是String,Date,Object,Array,Function,Boolean)的+运算符运算过程如下!
1,首先调用此对象的valueOf方法,得到返回数值A
2,然后把此数值A转换成数字,得到的是最终数值

我的测试如下:
复制代码 代码如下:

function w(s){
document.writeln("<br/>");
document.writeln(s);
document.writeln("<br/>-----------------------------");
}
String.prototype.valueOf=function(){return 1;};
w(+new String("sss"));//输出1
String.prototype.valueOf=function(){return "a";};
w(+new String("sss"));//输出NaN


Date.prototype.valueOf=function(){return 1;};
w(+new Date());//输出1
Date.prototype.valueOf=function(){return "a";};
w(+new Date());//输出NaN

Object.prototype.valueOf=function(){return 1;};
w(+{});//输出1
Object.prototype.valueOf=function(){return "a";};
w(+{});//输出NaN

Array.prototype.valueOf=function(){return 1;};
w(+[]);//输出1
Array.prototype.valueOf=function(){return "a";};
w(+[]);//输出NaN

var s=function(){};
Function.prototype.valueOf=function(){return 1;};
w(+s);//输出1
Function.prototype.valueOf=function(){return "a";};
w(+s);//输出NaN

Boolean.prototype.valueOf=function(){return 1;};
w(+new Boolean());//输出1
Boolean.prototype.valueOf=function(){return "a";};
w(+new Boolean());//输出NaN

二,对于基本数据数据类型,其值转换成数字
复制代码 代码如下:

w(+5);//输出5
w(+true);//输出1
w(+false);//输出0
w(+"ss");//输出NaN
w(+"111");//输出111

相关文章

  • bootstrap的常用组件和栅格式布局详解

    bootstrap的常用组件和栅格式布局详解

    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目,本文介绍了bootstrap的常用组件和栅格式布局详解,有兴趣的可以了解一下
    2017-05-05
  • 前端强大的图片预览组件Viewer.js使用方法

    前端强大的图片预览组件Viewer.js使用方法

    这篇文章主要给大家介绍了关于前端强大的图片预览组件Viewer.js使用方法的相关资料,Viewer.js是一款强大的图片查看器,虽然简单且易上手,但是却并不影响其在图片查看方面的强大功能,同时这款优秀的插件配置操作起来也非常的方便,需要的朋友可以参考下
    2024-01-01
  • JavaScript实现非常简单实用的下拉菜单效果

    JavaScript实现非常简单实用的下拉菜单效果

    这篇文章主要介绍了JavaScript实现非常简单实用的下拉菜单效果,通过定义显示及隐藏菜单项及鼠标事件调用该函数实现下拉菜单功能,需要的朋友可以参考下
    2015-08-08
  • 怎么判断js脚本加载完成

    怎么判断js脚本加载完成

    本篇文章主要是对判断js脚本加载完成的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • Javascript拖拽系列文章1之offsetParent属性

    Javascript拖拽系列文章1之offsetParent属性

    这个系列文章主要是讲述实现Javascript拖拽功能的基础知识,并将在最后给出一个完整的示例。适合对拖拽完全不懂的人阅读
    2008-09-09
  • JavaScript 开发工具webstrom使用指南

    JavaScript 开发工具webstrom使用指南

    本文给大家推荐了一款非常热门的javascript开发工具webstrom,着重介绍了webstrom的特色功能、设置技巧、使用心得以及快捷键汇总,非常的全面。
    2014-12-12
  • JS实现点击循环切换显示内容的方法

    JS实现点击循环切换显示内容的方法

    这篇文章主要介绍了JS实现点击循环切换显示内容的方法,涉及javascript鼠标事件响应及页面元素的获取、属性设置等相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • JavaScript获取DOM元素的多种方法

    JavaScript获取DOM元素的多种方法

    DOM是 HTML 和 XML 文档的编程接口,表现为网页结构的树状对象,每个对象对应页面的一部分,如 HTML 元素,获取 DOM 元素是交互式网页开发的核心,用于修改内容、样式或行为,本文给大家介绍了JavaScript获取DOM元素的多种方法,需要的朋友可以参考下
    2025-03-03
  • JSONP跨域请求实例详解

    JSONP跨域请求实例详解

    JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。接下来通过本文给大家介绍JSONP跨域请求实例详解,感兴趣的朋友一起看下吧
    2016-07-07
  • JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)

    JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)

    这篇文章主要介绍了JavaScript实现跑马灯抽奖活动实例代码解析与优化(一)的相关资料,需要的朋友可以参考下
    2016-02-02

最新评论