javascript基本类型详解
作者:bea
js中一共5个原始值,6个typeof能判断的,9个原生的内置的构造函数。 这569,构成了js语言的基础。 5个原始值是:数字,字符,布尔,null,undefined typeof能判断:数字,字符,布尔,object,function,undefined。 注意null和数组,tyopeof都输出object。 typeof不能区分出数组和对象,如何判断类型呢?使用Object.prototype.toString.apply()。 if(value
js中一共5个原始值,6个typeof能判断的,9个原生的内置的构造函数。
这569,构成了js语言的基础。
5个原始值是:数字,字符,布尔,null,undefined
typeof能判断:数字,字符,布尔,object,function,undefined。 注意null和数组,tyopeof都输出object。
typeof不能区分出数组和对象,如何判断类型呢?使用Object.prototype.toString.apply()。
if(value&&typeof value ==='object'&&value.constructor === Array)
上面的检测如果在不同帧和窗口创建的数组,会给出false,window对象不一样了.
可靠的方法是if(Object.prototype.toString.apply(value)==="[object Array]")
arguments 数组不是一个数组,他只是一个有着length成员属性的对象。
如下面例子所示 arguments不是普通的array
代码如下:
var a = function (){
var b = Object.prototype.toString.apply(arguments);
console.log(b);
} a();//输出[object Arguments]
代码如下:
var a = function (){
var c = [];
var b = Object.prototype.toString.apply(c);
console.log(b);
} a();//输出[object Array]
instanceof是如何判断是否实例
prototype里面的属性有constructor.
默认的prototype属性是一个object对象,可以设置为任何复杂值,忽略设置为原始值.
虽然他尽是一个对象,但他是特殊性的,圆形链将每个实例都链接至其构造函数的prototype属性。实例与构造函数的 prototype属性之间有一个隐蔽的链接,这就是实例的__proto__。同时实例的constructor属性是通过构造函数prototype的constructor拿到的。
但是要保留constructor,这样可以让new的实例有constructor的属性,也可以使用instanceof来判断。
代码如下:
var Foo = function(){}
Foo.prototype={constructor:Foo}
var FooInstance = new Foo;
FooInstance.__proto__=== Foo.prototype;//true
FooInstance.constructor === Foo; //true
实际上instanceof判断不是依据constructor,而是依据原型链判断,如下面例子
代码如下:
var Foo = function(){};
Foo.prototype={};
var FooInstance = {};
FooInstance.__proto__=Foo.prototype;
console.log(FooInstance instanceof Foo);//true
使用原始值,不使用构造函数
哪些值算是false:false,"",null,0,-0,NaN,undefined,这些算是false其他都是true
但是请注意下面这个例子
代码如下:
var a = Boolean(false);
var b = new Boolean("");
if (a ){console.log(a);}//无法输出
if (b ){console.log(b);}//Boolean {[[PrimitiveValue]]: false} new 一个相当于一个对象了,就不是false
上面的文章理论性稍强了一些,不过这些都是构成javascript语言的基础,一定要了解清楚才行。
有用 | 无用
这569,构成了js语言的基础。
5个原始值是:数字,字符,布尔,null,undefined
typeof能判断:数字,字符,布尔,object,function,undefined。 注意null和数组,tyopeof都输出object。
typeof不能区分出数组和对象,如何判断类型呢?使用Object.prototype.toString.apply()。
if(value&&typeof value ==='object'&&value.constructor === Array)
上面的检测如果在不同帧和窗口创建的数组,会给出false,window对象不一样了.
可靠的方法是if(Object.prototype.toString.apply(value)==="[object Array]")
arguments 数组不是一个数组,他只是一个有着length成员属性的对象。
如下面例子所示 arguments不是普通的array
代码如下:
var a = function (){
var b = Object.prototype.toString.apply(arguments);
console.log(b);
} a();//输出[object Arguments]
代码如下:
var a = function (){
var c = [];
var b = Object.prototype.toString.apply(c);
console.log(b);
} a();//输出[object Array]
instanceof是如何判断是否实例
prototype里面的属性有constructor.
默认的prototype属性是一个object对象,可以设置为任何复杂值,忽略设置为原始值.
虽然他尽是一个对象,但他是特殊性的,圆形链将每个实例都链接至其构造函数的prototype属性。实例与构造函数的 prototype属性之间有一个隐蔽的链接,这就是实例的__proto__。同时实例的constructor属性是通过构造函数prototype的constructor拿到的。
但是要保留constructor,这样可以让new的实例有constructor的属性,也可以使用instanceof来判断。
代码如下:
var Foo = function(){}
Foo.prototype={constructor:Foo}
var FooInstance = new Foo;
FooInstance.__proto__=== Foo.prototype;//true
FooInstance.constructor === Foo; //true
实际上instanceof判断不是依据constructor,而是依据原型链判断,如下面例子
代码如下:
var Foo = function(){};
Foo.prototype={};
var FooInstance = {};
FooInstance.__proto__=Foo.prototype;
console.log(FooInstance instanceof Foo);//true
使用原始值,不使用构造函数
哪些值算是false:false,"",null,0,-0,NaN,undefined,这些算是false其他都是true
但是请注意下面这个例子
代码如下:
var a = Boolean(false);
var b = new Boolean("");
if (a ){console.log(a);}//无法输出
if (b ){console.log(b);}//Boolean {[[PrimitiveValue]]: false} new 一个相当于一个对象了,就不是false
上面的文章理论性稍强了一些,不过这些都是构成javascript语言的基础,一定要了解清楚才行。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- Javascript字符串浏览器兼容问题分析
- 为什么Node.js会这么火呢?Node.js流行的原因
- Javascript学习指南
- Javascript模块化编程详解
- 浅谈Javascript中深复制
- 使用JS+plupload直接批量上传图片到又拍云
- 关于javascript模块加载技术的一些思考
- jQuery实现Twitter的自动文字补齐特效
- 关于编写性能高效的javascript事件的技术
- 推荐25个超炫的jQuery网格插件
- 实例分析javascript中的call()和apply()方法
- 深入理解javascript严格模式(Strict Mode)
- jquery+php实现搜索框自动提示
- Javascript前端UI框架Kit使用指南之kitjs事件管理
- Javascript前端UI框架Kit使用指南之kitjs的对话框组件
- Javascript前端UI框架Kit使用指南之Kitjs简介
- 非jQuery实现照片散落桌子上,单击放大的LightBox效果
- 开源的javascript项目Kissy介绍
- jquery 操作css样式、位置、尺寸方法汇总