JavaScript学习笔记：对象

1、声明对象

（1）字面量对象

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS - 字面量对象</title>
</head>
<body>
<script>// 声明字面量对象var student = {id: 1001,name: "mike",gender: "male",age: 19,telephone: "15893456780"};// 通过点运算符访问对象属性console.log(student.id, student.name, student.gender, student.age, student.telephone);// 通过方括号运算符访问对象属性console.log(student['id'], student['name'], student['gender'], student['age'], student['telephone']);// 利用let实现对象的解构赋值let {id, name, gender, age, telephone} = student;console.log(id, name, gender, age, telephone);// 修改对象属性student.id = 1002;student['name'] = "alice";console.log(student.id, student.name);
</script>
</body>
</html>

（2）利用new创建Object对象

2、创建与遍历json对象

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS - JSON</title>
</head>
<body>
<script>// json是一种轻量级数据交换格式，以键值对存储数据// json的key必须是字符串，需要用双引号// json的value可以是数字、字符串、数组和对象// 数据用半角逗号隔开，最后一项后不能有逗号// 字符串类型的值必须使用双引号// 创建json对象var obj = {"id": "903213","name": "吴燕文","age": 20,"origin": {country: "中国",province: "四川",city: "泸州"},"hobby": ['音乐', '阅读', '旅行', '足球']};// 利用for循环遍历json对象for (var key in obj) {console.log(key, obj[key]);}
</script>
</body>
</html>

3、JavaScript单体模式

4、创建自定义对象

（1）利用构造函数模式创建自定义对象

<script>// 构造函数模式创建自定义对象function Person(name, age) {this.name = name;this.age = age;this.say = function() {document.write(this.name + " is " + this.age + " years old.<br/>");}}           var p1 = new Person('Mike', 20);var p2 = new Person('Alice', 18);p1.say();p2.say();document.write('p1 instanceof Person: ', p1 instanceof Person, '<br/>');document.write('p2 instanceof Person: ', p2 instanceof Person, '<br/>');document.write('p1.say == p2.say: ', p1.say == p2.say);
</script>

JavaScript学习笔记：对象相关推荐

JavaScript学习笔记——对象知识点
javascript对象的遍历.内存分布和封装特性一.javascript对象遍历 1.javascript属性访问对象.属性对象[属性] //字符串格式 //javascript属性的访问方法 ...
JavaScript学习笔记——对象和数组（上）
/** 对象:其实就是一种类型,即引用类型.以下学习的是Object类型,Array类型,以及其方法.* 对象的值就是引用类型的一个实例.如:水果作为一个对象,香蕉就是水果对象中的一个实例.男生是一个 ...
JavaScript学习笔记05【高级——DOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript学习笔记04【高级——DOM和事件的简单学习、BOM对象】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript学习笔记02【基础——对象（Function、Array、Date、Math）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript:学习笔记(9)——Promise对象
JavaScript:学习笔记(9)--Promise对象引入Promise Primose是异步编程的一种解决方案,比传统的解决方案回调函数和事件更加合理和强大.如下面为基于回调函数的Ajax操作 ...
JavaScript学习笔记03【基础——对象（RegExp、Global）】
w3school 在线教程:https://www.w3school.com.cn JavaScript学习笔记01[基础--简介.基础语法.运算符.特殊语法.流程控制语句][day01] JavaS ...
JavaScript学习笔记03-数组-Data对象-Math对象-包装类-字符串-正则
目录一.数组索引数组的特点 1.1.数组的创建 1.1.1.使用new关键字(构造函数) 1.1.2.使用字面量形式 1.1.3.创建数组的注意事项 1.2.数组的基本使用 1.2.1.存操作( ...
JavaScript学习笔记之对象及继承
JavaScript学习笔记之对象及继承对象属性 ES5中有两种属性,数据属性和访问器属性. 数据属性包括[[writable]](能否修改属性的值).[[value]]等等: 访问器属性包括[[C ...

JavaScript学习笔记：对象

JavaScript学习笔记：对象

1、声明对象

2、创建与遍历json对象

3、JavaScript单体模式

4、创建自定义对象

JavaScript学习笔记：对象相关推荐

最新文章

热门文章