js-05-对象(object)

时间:2019-08-19
本文章向大家介绍js-05-对象(object),主要包括js-05-对象(object)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

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)

  

原文地址:https://www.cnblogs.com/fengyinghui/p/11374129.html