JS基础_对象的方法

Posted 星辰郎周

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS基础_对象的方法相关的知识,希望对你有一定的参考价值。

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script type="text/javascript">
 7             
 8             /*
 9              * 创建一个对象
10              */
11             var obj = new Object();
12             
13             //向对象中添加属性
14             obj.name = "孙悟空";
15             obj.age = 18;
16             
17             //对象的属性值可以是任何的数据类型,也可以是个函数
18             obj.sayName = function(){
19                 console.log(obj.name);
20             };
21             
22             console.log(obj.sayName);
23             //调方法
24             obj.sayName();//孙悟空
25             
26             
27             function fun(){
28                 console.log(obj.name);
29             };
30             //调函数
31             fun();//孙悟空
32             
33             //----------------------------------------------------------------------------
34             
35             /*
36              * 函数也可以称为对象的属性,
37              *     如果一个函数作为一个对象的属性保存,
38              *     那么我们称这个函数时这个对象的方法
39              *     调用这个函数就说调用对象的方法(method)
40              * 
41              * 但是它只是名称上的区别没有其他的区别
42              * 
43              */
44             
45             var obj2 = {
46                 
47                 name:"猪八戒",
48                 age:18,
49                 sayName:function(){
50                     console.log(obj2.name);
51                 }
52                 
53             };
54             
55             obj2.sayName();//猪八戒
56             
57             
58             
59         </script>
60     </head>
61     <body>
62     </body>
63 </html>

 

以上是关于JS基础_对象的方法的主要内容,如果未能解决你的问题,请参考以下文章

JS基础_对象的方法

vue.js基础__ extend 扩展选项

js基础_往原型对象中添加自己的toString方法

Js基础知识1-对象对象属性全解

JS基础_使用工厂方法创建对象(了解下就行了,用的不多)

AJAX相关JS代码片段和部分浏览器模型