详细分析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 相关文章推荐
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
javascript实现动态表头及表列的展现方法
Jul 14 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
Sep 24 Javascript
微信小程序 教程之注册页面
Oct 17 Javascript
HTML页面定时跳转方法解析(2种任选)
Dec 22 Javascript
详解javascript表单的Ajax提交插件的使用
Dec 29 Javascript
详解vue中使用express+fetch获取本地json文件
Oct 10 Javascript
通过 JS 判断页面是否有滚动条的实现方法
Apr 05 Javascript
解决layui下拉框监听问题(监听不到值的变化)
Sep 28 Javascript
JS+CSS实现炫酷光感效果
Sep 05 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
由php if 想到的些问题
2008/03/22 PHP
php中数组首字符过滤功能代码
2012/07/31 PHP
深入理解PHP之源码目录结构与功能说明
2016/06/01 PHP
php车辆违章查询数据示例
2016/10/14 PHP
ThinkPHP下表单令牌错误与解决方法分析
2017/05/20 PHP
js jquery数组介绍
2012/07/15 Javascript
javascript+xml实现简单图片轮换(只支持IE)
2012/12/23 Javascript
Jquery网页内滑动缓冲导航的实现代码
2015/04/05 Javascript
javascript中call apply 的应用场景
2015/04/16 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
2016/05/21 Javascript
浅谈javascript中的事件冒泡和事件捕获
2016/12/28 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
jQuery模拟下拉框选择对应菜单的内容
2017/03/07 Javascript
JavaScript插入排序算法原理与实现方法示例
2018/08/06 Javascript
vue实现键盘输入支付密码功能
2018/08/18 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
2018/10/12 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
微信小程序页面上下滚动效果
2020/11/18 Javascript
通过vue写一个瀑布流插件代码实例
2019/09/07 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
使用Python发送各种形式的邮件的方法汇总
2015/11/09 Python
Python操作rabbitMQ的示例代码
2019/03/19 Python
pandas factorize实现将字符串特征转化为数字特征
2019/12/19 Python
jupyter实现重新加载模块
2020/04/16 Python
python 装饰器的实际作用有哪些
2020/09/07 Python
CSS3 特效范例整理
2011/08/22 HTML / CSS
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
激光脱毛、蓝光和护肤:Tria Beauty
2019/03/28 全球购物
阿姆斯特丹城市卡:Amsterdam Pass
2019/12/01 全球购物
仓库管理计划书
2014/05/04 职场文书
环境监测与治理技术专业求职信
2014/07/06 职场文书
Vue Element UI自定义描述列表组件
2021/05/18 Vue.js
一次项目中Thinkphp绕过禁用函数的实战记录
2021/11/17 PHP
vue 实现弹窗关闭后刷新效果
2022/04/08 Vue.js