• 周日. 5月 19th, 2024

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

js-ECMAScript-6:自定义对象

admin

11月 28, 2021

####

在 JavaScript 中,对象是王。如果您理解了对象,就理解了 JavaScript。

####

数据类型,之前说了有6种,

一共有6中数据类型,

string,字符串,

number,数字,

Boolean,布尔,

null,空值

undefined,未定义,

object,对象,

前5种,是基本数据类型,

object,是引用数据类型,

###

今天讲解对象数据类型,这个可以保存多个不同的基础数据类型,就像一个袋子,放了很多的基础数据类型,

###

对象有三种:

console.log()

document.write()

这个console,还有document,就是宿主对象,是已经建立好的,

###

先学习自定义的对象:

自定义对象-创建对象

// 第一种方法,使用花括号创建对象

var person = {firstName:”Bill”, lastName:”Gates”, age:62, eyeColor:”blue”};

//在js对象中,属性名默认不需要加引号,你加了js也会给你去掉的,值可以是单引号和双引号,单引号会转换成双引号

// 这里面的每一个键值对,都是对象属性,

// 第二种方法,使用new关键字创建对象,这种不常用,开发中还是使用第一种花括号的方法

var obj = new object();

person.firstName = “Bill”;

对象属性

// 访问属性

var obj = {name:”andy”}

obj.name; // 返回andy

obj[“age”] //  也可以使用中括号的方式读取属性,

// 遍历属性

for (var i in obj){
 console.log(i);
 console.log(obj[i])
 }

// 这个i是属性的名字,obj[i],这样就可以取出属性的值,

//  添加属性

obj.age = 19; 

obj; //  {name: “andy”, age: 19}

// 也可以使用中括号的方式添加属性,

obj[“name”] = “andy”

//修改对象的属性,

obj.name = “andy123123”

//也可以使用中括号的方式修改属性,

obj[“name”] = “andy23123”

//删除对象的属性,

delete obj.name

//也可以使用中括号的方式删除属性,

delete obj[“name”]

对象方法

// 创建对象的时候创建方法

var person = {
firstName: “Bill”,
lastName : “Gates”,
id : 648,
fullName : function() {
return this.firstName + ” ” + this.lastName;
}
};

// 给对象加了一个函数方法,

person.sayName = function(){
console.log(“hello”)
}
// 给对象加了一个函数方法,

obj.sayName();函数调用,

####

### 

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注