js对象基础知识

最新推荐文章于 2024-11-13 17:27:29 发布

weixin_30291791

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量86

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/alifetime/p/8455335.html

版权

注意看js中对象的种类大概分为以下三种内置的：像数组、number ； 宿主环境：浏览器运行环境下的浏览器的对象，比如window、document ； 自己创建的：有三种方式

下面介绍自己创建的三种方法：

第一种方法：字面量创建方法：

 1 <html>
 2 
 3 <head>
 4     <title>Object</title>
 5 </head>
 6 <body>
 7 
 8 <script type="text/javascript">
 9 
10 var  p = {
11     name:"cj",
12     work:function () {
13         console.log("working...");
14     },
15     _age:18,   //age:18  这样会让别人很好没有限制的修改，比如别人可以修改成-1、200这样的
16                //下划线的_age 从编码上可以用，但是
17                //但是它的意思是告诉别人不要用这个属性，算是一种约定，改用get set的方式
18     get age(){
19         return this._age;
20     },
21     set age(val){
22         if(val <0 || val >150){
23             throw new Error("invalid value");
24         }else{
25             this._age = val;
26         }
27     },
28     address:{
29         home:"jiating",
30         office:"office"
31 
32     }
33 
34 };
35 
36 p.work();
37 console.log(p.age);
38 console.log(p["age"]);
39 
40 //级联访问
41 console.log(p.address.home);
42 
43 // 一种链式写法：输出的result值是jiating
44 // 这种方式 中途任何一种方式为空  就会把空返回给result 如果都不为空则返回最后一个
45 var result = p && p.address && p.address.home;
46 console.log(result);
47 
48 // 第二种访问对象属性的方法 是通过 中括号 内 加双引号  记得用字符串 要加双引号
49 var o={1:"abc"};
50 console.log(o["1"]);
51 var pname="1";
52 console.log(o[pname]);  //这种来自于变量的对象属性  用这种方式 很常用很重要  一定要掌握
53 </script>
54 </body>
55 </html>