JavaScript对象

简介: JavaScript对象

一,什么是对象?为什么需要对象

在这里插入图片描述
为什么需要对象

二,创建对象的三种方式

在这里插入图片描述

1.利用字面量创建对象

在这里插入图片描述
在这里插入图片描述

var obj = {} //创建了一个空的对象

var obj = {
    uname: '张三', //属性
    age: 18, //属性  多个属性或方法之间用逗号隔开
    sayHi: function() { //方法   方法冒号后跟的是一个匿名函数
        console.log('hi~');
    }

}

//使用对象:对象名.属性或对象名['属性名']     对象名.方法()
console.log(obj.age); //18
console.log(obj['uname']); //张三
obj.sayHi(); //hi~

变量,属性,函数,方法总结
在这里插入图片描述

2.利用new Object创建对象

var obj = new Object(); //创建了一个空对象
//追加对象和方法 利用赋值的方法,每个属性和方法之间分号分隔
obj.uname = '张三';
obj.age = 18;
obj.sex = '男';
obj.sayHi = function() {
    console.log('hi~');
}

3.利用构造函数创建对象

在这里插入图片描述

因为一次创建一个对象,里面有很多属性和方法相同,我们只能复制,因此我们可以利用函数的方法重复这些相同的代码,而这个函数就叫做构造函数

构造函数里面封装的不是普通代码,而是对象

语法格式:

//构造函数的语法格式
//属性和方法前面必须要加this
//构造函数不需要return就可以返回结果
function 构造函数名(形参,形参,...){   //构造函数名首字母要大写
    this.属性 = 值;
    this.方法 = function (){
        语句
    }
}
//调用构造函数  必须要用new
new 构造函数名(实参,实参,...);

注意:构造函数名首字母一般要大写

实例:

function Star(uname, age, sex) {
    this.uname = uname;
    this.age = age;
    this.sex = sex;
    this.sing = function(sang) {
        console.log(sang);
    }
}

var zs = new Star('张三', 18, '男'); //调用构造函数返回的是一个对象
console.log(typeof zs); //判断数据类型 结果为object即对象

//调用属性和方法
console.log(zs.age); //18
console.log(zs['sex']); //男 

zs.sing('我是罪人'); //我是罪人

构造函数与对象
在这里插入图片描述

三,new关键字

在这里插入图片描述

四,遍历对象

for..in语句用于对数组或者对象的属性进行循环操作

//格式 
for (变量 in 对象) {
    循环体;
}
var obj = {
    uname: '张三',
    age: 18,
    sex: '男',
    sing: function() {
        console.log('sang');
    }
}


for (var k in obj) {   //k不赋值
    console.log(k); //k 变量 输出得到的是属性名或方法名
    console.log(obj[k]); //输出属性值和方法
}

使用 for in 时里面的变量常用 k 或 key

相关文章
|
2月前
|
JavaScript 前端开发
JavaScript Date(日期) 对象
JavaScript Date(日期) 对象
42 2
|
20天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
24天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
24天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
2月前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
38 4
|
2月前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
40 1
|
2月前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
20 2
|
2月前
|
JavaScript 前端开发 Unix
Node.js 全局对象
10月更文挑战第5天
30 2
|
2月前
|
存储 JavaScript 前端开发
js中的对象
js中的对象
20 3
|
2月前
|
JavaScript 前端开发
JavaScript Math(算数) 对象
JavaScript Math(算数) 对象
21 4