js 自定义学生对象,并实现对成员属性和方法的访问;
时间: 2024-05-05 14:19:45 浏览: 41
可以通过如下方式定义一个学生对象:
```javascript
// 定义学生对象
var student = {
name: 'Tom', // 成员属性
age: 18, // 成员属性
gender: 'male', // 成员属性
sayHi: function() { // 成员方法
console.log('Hi, my name is ' + this.name + ', I am ' + this.age + ' years old.');
}
};
// 访问成员属性
console.log(student.name); // 输出:Tom
console.log(student.age); // 输出:18
console.log(student.gender); // 输出:male
// 调用成员方法
student.sayHi(); // 输出:Hi, my name is Tom, I am 18 years old.
```
在上面的代码中,我们定义了一个名为`student`的对象,它包含了三个成员属性`name`、`age`、`gender`和一个成员方法`sayHi`。通过`console.log`语句可以访问成员属性,通过调用`sayHi`方法可以输出一句话。需要注意的是,方法内部访问成员属性时需要使用`this`关键字。
相关问题
js自定义函数,实现对象的深拷贝
在JavaScript中,可以使用自定义函数来实现对象的深拷贝。深拷贝是指创建一个新的对象,该对象与原始对象具有相同的值,但是是完全独立的,对其中一个对象的修改不会影响到另一个对象。
以下是一个示例代码,展示了如何使用自定义函数实现对象的深拷贝:
```javascript
function deepCopy(obj) {
if (typeof obj !== 'object' || obj === null) {
return obj;
}
let copy = Array.isArray(obj) ? [] : {};
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
copy[key] = deepCopy(obj[key]);
}
}
return copy;
}
```
这个函数接受一个参数 `obj`,它可以是任意类型的对象。如果 `obj` 不是对象或者为 `null`,则直接返回 `obj`。否则,创建一个新的空对象 `copy`,然后遍历 `obj` 的属性,并递归调用 `deepCopy` 函数来复制每个属性的值到 `copy` 对象中。
使用这个自定义函数可以实现对象的深拷贝,例如:
```javascript
let obj1 = { name: 'Alice', age: 20, hobbies: ['reading', 'painting'] };
let obj2 = deepCopy(obj1);
obj2.name = 'Bob';
obj2.hobbies.push('coding');
console.log(obj1); // { name: 'Alice', age: 20, hobbies: ['reading', 'painting'] }
console.log(obj2); // { name: 'Bob', age: 20, hobbies: ['reading', 'painting', 'coding'] }
```
在上面的示例中,`obj1` 和 `obj2` 是两个完全独立的对象,对其中一个对象的修改不会影响到另一个对象。
js 访问html对象属性,js常见基础对象属性方法(一)
在JavaScript中,可以通过访问HTML对象的属性来操作HTML元素。常见的HTML对象有document、window、element等。以下是一些常见的HTML对象属性和方法:
1. document对象属性
- document.title:获取或设置文档的标题。
- document.body:获取文档的主体元素。
- document.URL:获取文档的URL。
- document.cookie:获取或设置文档的cookie。
- document.forms:获取文档中所有表单元素的集合。
2. window对象属性
- window.innerWidth:获取当前窗口的宽度。
- window.innerHeight:获取当前窗口的高度。
- window.location:获取当前窗口的URL信息。
- window.open():打开一个新窗口。
3. 元素对象属性
- element.innerHTML:获取或设置元素的HTML内容。
- element.style:获取或设置元素的CSS样式。
- element.value:获取或设置元素的值。
- element.getAttribute():获取元素的指定属性值。
- element.setAttribute():设置元素的指定属性值。
这些是JavaScript中常见的HTML对象属性和方法,掌握它们可以帮助我们更好地操作HTML元素。