欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

js-05-对象(object)

程序员文章站 2022-05-03 10:40:44
一、访问对象属性的两种方法 a:objectName.PropertyName 对象名.属性名 b:objectName["PropertyName"] 对象名[“属性名”] 二、This关键字 1、在普通函数下This指向的是window; 2、有事件源指向事件源本身 三、对象的创建方法 a:通过 ......

一、访问对象属性的两种方法

a:objectname.propertyname     对象名.属性名

b:objectname["propertyname"]     对象名[“属性名”]

var person={firstname:"bill",lastname:"gates",id:12345}
var test=document.getelementbyid("demo");

二、this关键字

1、在普通函数下this指向的是window;

function a=(){console.log(this)}
a();

2、有事件源指向事件源本身

document.getelementbyid(“a”).onclick=function(){console.log(this.value)}

 三、对象的创建方法

a:通过对象字面量的形式创建对象

var obj={}      //没有任何属性的对象

b:通过new.object()创建对象    new关键字eg:

var obj3=new object()    //创建一个空对象{}
var arr=new array()        //创建了一个空数组[]
var date=new date()       //创建日期对象
var  reg=new regexp('js')   //创建正则对象

var obj=object.create({a:1});//object.create创建对象(不同)

 四、对象中属性的添加

//往对象里加属性
obj.a=1;//对象名.添加的属性名=属性值
console.log(obj)
//删除对象属性
delete obj.z;//delete 属性名
console.log(obj); 

 五、通过for/in遍历对象

<script>
            var xiaoming = {
                name: "小明",
                age: 42,
                sex: "男"
            }
            for(var key in xiaoming){
                alert(key + ", " + xiaoming[key]);
            }
</script>

 六、constructor:构造函数

var foo=function foo(){}
console.log(typeof foo);
var obj= new foo;
console.log(typeof obj);
var a=obj.constructor.z=1;
console.log(obj)
console.log(a)