0
点赞
收藏
分享

微信扫一扫

JS学习第五天

白衣蓝剑冰魄 2022-04-15 阅读 108
javascript

JS的对象

  • 对象(Object)是一个以键值对形式储存属性的集合,每个属性有一个特定的名称,以及与名称相对应的值。这种关系有一个专属名称,称为映射。对于对象来说,除了可以通过这种方式保持自由属性,还可以通过继承的方式继承属性,这种方式称为“原型式继承”。
  • 万物皆对象
  • -语法:{key:value,key2:value2,key3:value3,…}
    -js的对象的值是 属性和方法的数据

JS对象的分类

-内建(内置)对象
由ES标准中定义的对象,在任何的ES中都可以使用
例如: Math Date Array String Number Boolean…

  • 宿主对象
    由js运行环境提供的对象,现在主要指由浏览器提供的对象
    例如:DOM(document) BOM(window)
    -自定义对象
    由开发人员自己创建的对象

JS对象的声明

1.字面量声明
写法:
var obj{
name:“张三”,
age:18,
hobby:function(){
return"吃饭,睡觉"
}
}
2.通过 new 关键字声明 也称构造(对象)函数
var obj2=new Object();
// 添加属性和方法:
obj2.name=“李四”;
obj2[“age”]=19;
obj2[“hobby”]=function(){
return"吃饭,睡觉""
}

console.log(obj);
console.log(obj2);

JS对象属性的操作

1.如何访问对象的属性 objcet.property (指属性)
console.log(obj.name); // 张三
console.log(obj.age);// 18
//可理解为访问对象的方法
console.log(obj.hobby);// 吃饭,睡觉

// object[""property] (属性)
中括号中加引号是因为:对象的键必须是字符串类型。不加引号会打印出undefined

删除对象的属性 delete 关键字

delete :删除对象的属性
console.log(obj2);
delete obj2.name;
delete.log(obj2);

遍历对象的属性 for…in

语法:propin object 使用in检查对象中是否包含有指定的属性
for (x in obj){
console.log(x + “:”+ obj[x]);
}

自定义对象

-对象的声明
字面量
new关键字
-对象的属性的操作
访问属性和方法
添加属性和方法
删除属性和方法
属性的遍历
-对象的注意事项
1.对象可以嵌套对象
2.对象的属性具有唯一性
3.

JS对象的注意事项

1.对象可以嵌套对象 属性值可以为任何数据类型
var zhangruoyun={
name:“张若昀”,
wife:{
name:“唐艺昕”,
}
}
console.log(zhangruoyun.wife.name);// 唐艺昕

3.对象的键必须是字符串类型
键为非字符串类型,会转换为字符串类型

检测对象的属性是否存在

使用in检查对象中是否包含指定的属性
“属性” in 对象 返回 true false
if("name"in obj){
console.log(“obj 对象包含name属性”);
}else{
console.log(“obj 对象不包含name属性”);
}

// hasOwnProperty() 检查是否 含有 属性
console.log(obj.hasOwnProperty(“name”)); // true
console.log(obj.hasOwnProperty(“name”)); // false

JS的类(构造函数)

类:一种抽象的概念,类似于工厂,模板
对象:是一个具体的实例.
通过构造函数去创建对象,对象会继承构造函数的属性

-创建类
-原型

例:智能手机:
华为、小米、vivo
一部手机:系统 屏幕 电池

创建一个类(函数) 类名(函数名)首字母大写
例:人类: name age sex hobby
function Person(name,age,sex,hobby){
this.name=name;
this.age=age;
this.sex=sex;
this.hobby=hobby
}
(上面this.name理解为这个人的)
例:使用 Person 创建对象
var Xiaoming=new Person(“小明”,20,“男”,function(){return"唱歌""});
var Xiaohong=new Person(“小红”,20,“女”,function(){return"吃饭""});

console.log(xiaoming);
console.log(xioahong);

JS类添加属性和方法

构造函数: 对象的构造

了解JS的this指向

this 关键字 this指向

举报

相关推荐

0 条评论