首页 > Web开发 > 详细

JS对象

时间:2018-05-28 00:35:31      阅读:252      评论:0      收藏:0      [点我收藏+]

对象

1内置对象(JS自带的对象就叫内置对象,(数组,集合))

2自定义对象(TSOW式对象)

自定义对象:JS中 对象式一组无序数据的列表,每一条数据都是由“键:值”组成,其中 值可以是任意数据类型,但是键只能是字符串(键不用加引号)默认就是字符串

创建对象

1)字面量

let obj={};

2)构造函数

let obj2=new Object();

3对象的属性

当对象中某一条数据,它的键所对应得值是“非函数”类型,那么,这条数据就叫对象的属性

let student={name:张三; age:20};

1)操作属性 1:点运算符. 2:中括号[]

查看方式:cosole.log(student.name);返回结果:张三

修改方式:student.age=18;
增加方式:student.gender=‘女‘;
删除方式:delate student.age;

2)中括号[]

查看方式:console.log(student[‘name‘]);
修改方式:student[‘age‘]=18;
增加方式:student["gender"]=‘女‘;
删除方式:delate student["age"];

4对象的方法

当对象的某一条数据,它的键所对应的值是“函数”类型 那么,这条数据就叫做对象的方法

1)操作属性 1:点运算符. 2:中括号[]

查看方式:cosole.log(student.name);返回结果:张三

修改方式:student.age=18;
增加方式:student.gender=‘女‘;
删除方式:delete student.age;

2)中括号[]

查看方式:console.log(student[‘name‘]);
修改方式:student[‘age‘]=18;
增加方式:student["gender"]=‘女‘;
删除方式:delete student["age"];

方法的调用:student.sayName();

中括号调用方式:student"sayNane";

五:对象的遍历:for in

for(let key in student){lonsole.log(student[key]);} 

对象的扩展

1)对象的解构

不简写方式:let{name:a,age:b}=student;
    console.log(a,b);

简写方式:let{name,age}=student;
        console.log(name,age);

当键和值一样的时候,可以简写,只用写一个

this关键字 (只能在方法中使用)

1)方法中this:一个方法中的this指向当前该方法所属的对象,在方法中访问该对象的属性,通过“this 键”访问

2)函数中的this:一个函数中的this指向全局对象

function中的this是可变的,如果function作为函数调用,其内部的this指向全局,如果functi作为方法调用,其内部的this指向当前方法所属对象,this的具体指向,是在调用时确定的

例:function sayName(){console.log(this.name);}
let student={name:"123"}
student.fn=sayName;
student.fn();
sayName();

JS对象

原文:https://www.cnblogs.com/zhangyonghan/p/9098005.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!