深入理解javascript原型和闭包(2)——函数和对象的关系
2016-07-14 14:01
791 查看
上文(理解javascript原型和作用域系列(1)——一切都是对象)已经提到,函数就是对象的一种,因为通过instanceof函数可以判断。
对!函数是一种对象,但是函数却不像数组一样——你可以说数组是对象的一种,因为数组就像是对象的一个子集一样。但是函数与对象之间,却不仅仅是一种包含和被包含的关系,函数和对象之间的关系比较复杂,甚至有一点鸡生蛋蛋生鸡的逻辑,咱们这一节就缕一缕。
还是先看一个小例子吧。
上面的这个例子很简单,它能说明:对象可以通过函数来创建。对!也只能说明这一点。
但是我要说——对象都是通过函数创建的——有些人可能反驳:不对!因为:
但是不好意思,这个——真的——是一种——“快捷方式”,在编程语言中,一般叫做“语法糖”。
做“语法糖”做的最好的可谓是微软大哥,它把他们家C#那小子弄的不男不女从的,本想图个人见人爱,谁承想还得到处跟人解释——其实它是个男孩!
话归正传——其实以上代码的本质是:
而其中的 Object 和 Array 都是函数:
所以,可以很负责任的说——对象都是通过函数来创建的。
现在是不是糊涂了—— 对象是函数创建的,而函数却又是一种对象——天哪!函数和对象到底是什么关系啊?
别着急!揭开这个谜底,还得先去了解一下另一位老朋友——prototype原型。
本系列文章不打算动辄几千字的长篇大论,咱们小步快跑,不至于看的太乏味。
---------------------------------------------------------------------------
本文已更新到《深入理解javascript原型和闭包》的目录,更多内容可参见《深入理解javascript原型和闭包》。
var fn = function () { }; console.log(fn instanceof Object); // true
对!函数是一种对象,但是函数却不像数组一样——你可以说数组是对象的一种,因为数组就像是对象的一个子集一样。但是函数与对象之间,却不仅仅是一种包含和被包含的关系,函数和对象之间的关系比较复杂,甚至有一点鸡生蛋蛋生鸡的逻辑,咱们这一节就缕一缕。
还是先看一个小例子吧。
function Fn() { this.name = '王福朋'; this.year = 1988; } var fn1 = new Fn();
上面的这个例子很简单,它能说明:对象可以通过函数来创建。对!也只能说明这一点。
但是我要说——对象都是通过函数创建的——有些人可能反驳:不对!因为:
var obj = { a: 10, b: 20 }; var arr = [5, 'x', true];
但是不好意思,这个——真的——是一种——“快捷方式”,在编程语言中,一般叫做“语法糖”。
做“语法糖”做的最好的可谓是微软大哥,它把他们家C#那小子弄的不男不女从的,本想图个人见人爱,谁承想还得到处跟人解释——其实它是个男孩!
话归正传——其实以上代码的本质是:
//var obj = { a: 10, b: 20 }; //var arr = [5, 'x', true]; var obj = new Object(); obj.a = 10; obj.b = 20; var arr = new Array(); arr[0] = 5; arr[1] = 'x'; arr[2] = true;
而其中的 Object 和 Array 都是函数:
console.log(typeof (Object)); // function console.log(typeof (Array)); // function
所以,可以很负责任的说——对象都是通过函数来创建的。
现在是不是糊涂了—— 对象是函数创建的,而函数却又是一种对象——天哪!函数和对象到底是什么关系啊?
别着急!揭开这个谜底,还得先去了解一下另一位老朋友——prototype原型。
本系列文章不打算动辄几千字的长篇大论,咱们小步快跑,不至于看的太乏味。
---------------------------------------------------------------------------
本文已更新到《深入理解javascript原型和闭包》的目录,更多内容可参见《深入理解javascript原型和闭包》。
相关文章推荐
- 深入理解javascript原型和闭包(1)——一切都是对象
- 大有用处的JavaScript正则表达式
- 《深入理解javascript原型和闭包系列》 知识点整理(转)
- javascript判断用户使用的是手机还是电脑
- JavaScript-函数
- JS实现删除时的确认弹窗
- js添加/获取/删除cookie操作方法
- JQ和JS实现点击后复制到剪切板
- javascript中foreach的用法
- JS中Null与Undefined的区别
- javascript中undefined和NULL的区别
- [WebRTC/JsSIP] AUDIO RTP REPORTS ERROR: [Remote Address Error!]
- js 指定位置插入html标签(可编辑div)
- JavaScript中的offset、scroll、client
- a标签href中事javascript
- js插件开发规范
- JavaScript设置标题栏或者状态栏动态显示时间
- javascript 组件化
- jsrun和runjs 哪家强?
- 重新学习老是忘记的JS正则表达式