首页 > 代码库 > [原创]javascript prototype 对象 函数 <精简的美丽......>
[原创]javascript prototype 对象 函数 <精简的美丽......>
精简的美丽......
javascript prototype 对象 函数
在javascript中我们都知道创建一个对象使用如下代码
var x = {}
对象可以拥有属性和方法
var x = {
value : 0,
add : function(a,b){
return a + b;
}
}
而创建一个函数时,使用
var fx = function(){} <func1>
或
function fx(){} <func2>
这两种声明方式的区别是 func2 的优先级高于 func1。func2可以在函数所在文件加载后立即初始化。
对象x是没有prototype属性的,且其实例化后也没有此属性。即
var xIns = Object.create(x);
xIns.prototype 的引用是错误的。
因此,对象的方法是静态的,只能在对象声明时创建。
函数则不同。函数只要被使用(初始化或调用)后都会有prototype属性。可以使用prototype来动态的添加属性或方法。
所以,在javascript中对象可以划分为纯对象 var x = {} 与 函数对象 var obj = function(){}
而要使用prototype动态扩展一些方法或属性则需要使用函数对象。
综上所述,纯对象可以被看作是伪 prototype。
以下测试用例:
在html网页中输入
function fx(){
}
var obj = {}
在浏览器中打开网页,设置断点,然后展开this,会发现纯对象与函数对象的不同,如下图
在javascript中我们都知道创建一个对象使用如下代码
var x = {}
对象可以拥有属性和方法
var x = {
value : 0,
add : function(a,b){
return a + b;
}
}
而创建一个函数时,使用
var fx = function(){} <func1>
或
function fx(){} <func2>
这两种声明方式的区别是 func2 的优先级高于 func1。func2可以在函数所在文件加载后立即初始化。
对象x是没有prototype属性的,且其实例化后也没有此属性。即
var xIns = Object.create(x);
xIns.prototype 的引用是错误的。
因此,对象的方法是静态的,只能在对象声明时创建。
函数则不同。函数只要被使用(初始化或调用)后都会有prototype属性。可以使用prototype来动态的添加属性或方法。
所以,在javascript中对象可以划分为纯对象 var x = {} 与 函数对象 var obj = function(){}
而要使用prototype动态扩展一些方法或属性则需要使用函数对象。
综上所述,纯对象可以被看作是伪 prototype。
以下测试用例:
在html网页中输入
function fx(){
}
var obj = {}
在浏览器中打开网页,设置断点,然后展开this,会发现纯对象与函数对象的不同,如下图
[原创]javascript prototype 对象 函数 <精简的美丽......>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。