JavaScript-11-对象的概念
2022/1/25 22:05:00
本文主要是介绍JavaScript-11-对象的概念,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
1、对象简介:
在 JavaScript 中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、 函数等。
1.1 创建对象的三种方式
利用字面量创建对象 利用 new Object 创建对象 利用构造函数创建对象
1.2 使用字面量创建对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> // 1.利用对象字面量创建对象 {} // var obj = {}; // 创建了一个空的对象 var obj = { // 里面的属性或者方法我们采取键值对的形式 uname: 'Echo', age: 18, sex: '男', sayHi: function() { console.log('hi~'); } } // 2. 使用对象 对象名.属性名 console.log(obj.uname); // 对象名['属性名'] console.log(obj['age']); // 3. 调用对象的方法 对象名.方法名() obj.sayHi(); </script> </head> <body> </body> </html>
1.3 使用New关键字
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> // 利用 new Object 创建对象 var obj = new Object(); // 创建了一个空的对象 obj.uname = 'Echo'; obj.age = 18; obj.sex = '男'; obj.sayHi = function() { console.log('hi~'); } console.log(obj.uname); console.log(obj['sex']); obj.sayHi(); </script> </head> <body> </body> </html>
1.4 使用构造函数创建
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> // 利用构造函数创建对象 构造函数名字首字母要大写 function Star(uname, age, sex) { this.name = uname; this.age = age; this.sex = sex; this.sing = function(sang) { console.log(sang); } // 构造函数不需要return 就可以返回结果 } // 调用构造函数 必须使用 new var ldh = new Star('Echo', 18, '男'); // 调用函数返回的是一个对象 console.log(typeof ldh); console.log(ldh.name); console.log(ldh['sex']); ldh.sing('乌云然'); </script> </head> <body> </body> </html>
1.5 遍历对象
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script> // 创建一个对象 var obj = { name: 'Echo', age: 18, sex: '男', fn: function() {} } // 遍历对象 // for in for (var k in obj) { console.log(k); // k 变量 输出 得到的是 属性名 console.log(obj[k]); // obj[k] 得到是 属性值 } </script> </head> <body> </body> </html>
这篇关于JavaScript-11-对象的概念的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-31全网首发第二弹!软考2024年5月《软件设计师》真题+解析+答案!(11-20题)
- 2024-05-31全网首发!软考2024年5月《软件设计师》真题+解析+答案!(21-30题)
- 2024-05-30【Java】百万数据excel导出功能如何实现
- 2024-05-30我们小公司,哪像华为一样,用得上IPD(集成产品开发)?
- 2024-05-30java excel上传--poi
- 2024-05-30安装笔记本应用商店的pycharm,再安排pandas等模块,说是没有打包工具?
- 2024-05-29java11新特性
- 2024-05-29哪些无用敏捷指标正在破坏敏捷转型?
- 2024-05-29鸿蒙原生应用再新丁!新华社 入局鸿蒙
- 2024-05-29设计模式 之 迭代器模式(Iterator)