详细分析JavaScript变量类型


Posted in Javascript onJuly 08, 2015

变量类型                 

                只有6种 : 四种原始数据类型boolean , number, string , undefine, 其他object,function是对象 

typeof,instanceof  

                直接看实例:

var obj = null;
    console.info(typeof obj);    //Object
    var arr = [];
    console.info(arr instanceof Object);  //true
    console.info(arr instanceof Array);  //true

原始数据类型的包装对象(Wapper Object)

              string,number,boolean都对应着特定的包装对象

数据类型转换 

             用parseInt,parsetFolat转换到数值类型

console.log(parseInt("34", 10)); //34
console.log(parseInt("34s5b", 10)); //34
console.log(parseInt("s", 10)); //NaN
console.log(parseInt(3.14, 10)); //3

javascript是动态类型的编程语言,同一个变量,抓取啥类型的数据就是啥种变量类型

//number
var value = 100;
//string
value = "qiu";
//object
value = [1, 'two', 3];

"="号的各种花样:

               =         赋值
               ==       判等
               ===     严格判等

var x = 42;
var y = "42";
console.log(x == y) //true;
console.log(x === y) //false

undefined  vs  null

              udefine: 指变量未定义,没有一个有效值   (还没变量,何从谈值)
               null :       nothing , 某变量不引用任何的对象。 null是对象 ,类型object   (有变量,但不引用值)

var obj = null;
if (obj === null) {
alert("obj === null"); //此句将执行
}
else {
alert("obj!=null");
}
alert(typeof obj); //object

                undefine与null的 判等

var myVar;
//true
console.log(typeof myVar === "undefined");
console.log(myVar === undefined);
var myVar2 = null;
console.log(typeof myVar2); //object
//true;
console.log(myVar2 == null);
console.log(myVar2 === null);
//true
console.info(myVar == myVar2); //undefine == null; 是true
//false
console.info(myVar === myVar2); //undefine === null; 是false

true and false

                 undefined, null,NaN,"",0
                 除这些值 ,其他值为 true;

运算符:!!与 ||

                !!  把后面的表达式转为boolean 值,返回true or false
                !!"qiu"     true
                !!null      false
                
                ||
                var ns = ns || {}
                如果 ns 未定义 返回 {} , 否则返回ns
 

注:定义变量必须要 var,否则掉坑!不写var就会成全局变量

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
JS中showModalDialog 的使用解析
Apr 17 Javascript
用javascript关闭本窗口技巧小结
Sep 05 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
Markdown与Bootstrap相结合实现图片自适应属性
May 04 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
Bootstrap的class样式小结
Dec 01 Javascript
bootstrap模态框实现拖拽效果
Dec 14 Javascript
微信小程序仿RadioGroup改变样式的处理方案
Jul 13 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 Javascript
JS实现canvas简单小画板功能
Jun 23 Javascript
js实现图片点击左右轮播
Jul 08 #Javascript
javascript获取重复次数最多的字符
Jul 08 #Javascript
javascript连续赋值问题
Jul 08 #Javascript
JavaScript中函数(Function)的apply与call理解
Jul 08 #Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 #Javascript
JavaScript中调用函数的4种方式代码实例
Jul 08 #Javascript
JavaScript对象属性检查、增加、删除、访问操作实例
Jul 08 #Javascript
You might like
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
js window.event对象详尽解析
2009/02/17 Javascript
来自国外的页面JavaScript文件优化
2010/12/08 Javascript
JS关闭窗口或JS关闭页面的几种代码分享
2013/10/25 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
jquery实现可拖拽弹出层特效
2015/01/04 Javascript
JavaScript实现为指定对象添加多个事件处理程序的方法
2015/04/17 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
JS实现身份证输入框的输入效果
2017/08/21 Javascript
基于JavaScript实现评论框展开和隐藏功能
2017/08/25 Javascript
zTree异步加载展开第一级节点的实现方法
2017/09/05 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
Vue.directive 自定义指令的问题小结
2018/03/04 Javascript
原生js实现的移动端可拖动进度条插件功能详解
2019/08/15 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
详解Vue3 Teleport 的实践及原理
2020/12/02 Vue.js
[01:14]TI珍贵瞬间系列(六):冠军
2020/08/30 DOTA
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
使用keras实现孪生网络中的权值共享教程
2020/06/11 Python
如何解决安装python3.6.1失败
2020/07/01 Python
详解CSS3选择器:nth-child和:nth-of-type之间的差异
2017/09/18 HTML / CSS
HTML5里的placeholder属性使用实例和美化显示效果的方法
2014/04/23 HTML / CSS
Vans英国官方网站:美国南加州的原创极限运动潮牌
2017/01/20 全球购物
Madewell澳大利亚官方网站:美国休闲服饰品牌
2019/07/18 全球购物
2014年上半年工作自我评价
2014/01/18 职场文书
中秋寄语大全
2014/04/11 职场文书
爱心捐款倡议书范文
2014/05/12 职场文书
客户经理竞聘演讲稿
2014/05/15 职场文书
开发一个封装iframe的vue组件
2021/03/29 Vue.js
python自动化之如何利用allure生成测试报告
2021/05/02 Python
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏