js-05-对象（object）

Posted 2020-11-10 fengyinghui

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

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)