分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

JS对象

发布时间:2023-09-06 01:56责任编辑:郭大石关键词:暂无标签

对象

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved