js面向对象

最新推荐文章于 2024-10-16 17:24:41 发布

weixin_34018169

最新推荐文章于 2024-10-16 17:24:41 发布

阅读量50

点赞数

本文深入探讨了DOM结构的概念及原型链的理解，通过代码实例展示了JavaScript中的this指向及对象属性继承过程。

https://msdn.microsoft.com/zh-cn/magazine/cc163419.aspx#S11

理解DOM结构

http://web.jobbole.com/82190/

理解原型链

http://www.ibm.com/developerworks/cn/web/1304_zengyz_jsoo/

<head>
<meta charset="utf-8" />

<script> 
 var str = "我是一个 String 对象 , 我声明在这里 , 但我不是独立存在的！"
 var obj = { des: "我是一个 Object 对象 , 我声明在这里，我也不是独立存在的。" }; 
 var fun = function() { 
    console.log( "我是一个 Function 对象！谁调用我，我属于谁：", this ); 
 }; 

 obj.fun = fun; 

 console.log( this === window );     // 打印 true 
 console.log( window.str === str );  // 打印 true 
 console.log( window.obj === obj );  // 打印 true 
 console.log( window.fun === fun );  // 打印 true 
 fun();                              // 打印 我是一个 Function 对象！谁调用我，我属于谁：window 
 obj.fun();                          // 打印 我是一个 Function 对象！谁调用我，我属于谁：obj 
 fun.apply(str);                   // 打印 我是一个 Function 对象！谁调用我，我属于谁：str 
 </script>

 </head>