JavaScript 对象的创建和操作
<script>
// 对象是属性的无序集合,每个属性都是一个名/值对. 属性名称是一个字符串.
// 对象种类
// 内置对象（native object）是由ECMAScript规范定义的对象或类。例如，数组、函数、日期和正则表达式都是内置对象
// 宿主对象（host object）是由JavaScript解释器所嵌入的宿主环境（比如Web浏览器）定义的, 常见的宿主对象有window, document等
// 自定义对象（user-defined object）是由运行中的JavaScript代码创建的对象。
// 对象的创建
// 对象直接量是由若干名/值对组成的，名/值对中间用冒号分隔，名/值对之间用逗号分隔，整个对象用花括号括起来。
// 属性名可以是JavaScript标识符(即变量符号,如a,b,c)也可以是字符串。
// 属性的值可以是任意类型的JavaScript表达式，表达式的值（可以是基本数据类型的值也可以是对象类型的值）就是这个属性的值。
//方法一
// let empty = {} //可以是没人任何属性的对象
// let person = {
// name : "小小",
// "name" : "小小", //加引号定义也可以 ，调用直接 person.name(不加引号，加引号就错了)
// height : "175cm",
// weight : "50",
// eating : function(){
// console.log("会吃饭");
// }
// } //还可以加函数
// console.log(person); //{name: "小小", height: "175cm", weight: "50", eating: ƒ}
// console.log(person.name); //小小
// //调用对象里面的属性 对象名.属性
// person.eating(); //会吃饭
//调用对象里面的函数。直接对象名.函数名()
// let book = {
// "main title" : "JavaScript",
// //属性名字有空格的，必须用字符串表示
// "sub - title" : "对象课程",
// //属性名字里有连字符的，必须用字符串表示
// "for" : "学员",
// //“for”是保留字，必须用引号
// author : { //该属性的值是一个对象
// name : "aiai"
// }
// }
// console.log(book); //{main title: "JavaScript", sub - title: "对象课程", for: "学员", author: {…}}
// console.log(book.author.name); //aiai
//调用对象里面的对象属性里面的属性 就一直点点点下去
//方法二
//通过关键字new，后面跟随一个函数调用。这里的函数称作构造函数，构造函数用以初始化一个新创建的对象
//JavaScript语言核心中的原始类型都包含内置构造函数
//内置对象
// let oj = new Object(); //创建一个空对象 ，和{}一样
// let date = new Date(); //创建一个表示当前时间的Date对象
// let array = new Array(); //创建一个空数组，和[]一样
//自定义对象
// function boy(){ //构造函数
// name = "", //私有属性（暂时不了解）
// //this代表实例化后的对象
// this.sex = "男",
// this.age = 25,
// this.cook = function(){
// console.log("会做饭");
// }
// }
// let gb = new boy(); //创建对象 gb是一个对象，实例化对象
// console.log(gb.sex); //男
// gb.cook(); //会做饭
//访问对象：
//方法一。点调用(.) 上诉说过了
//方法二。中括号([])
// let oj = {
// name : "xiao",
// "1" : 1,
// "name 1" : "dddd"
// }
// console.log(oj["1"]); //1
// console.log(oj["name 1"]); //dddd
// console.log(oj["name"]); //xiao
// //当然不加引号的定义也可以用[]访问
// //设置
// oj["name 1"] = "今天是星期日";
// console.log(oj["name 1"]); //今天是星期日
// oj.name = "heihei";
// console.log(oj.name); //heihei
//对象常用操作
//删除对象的属性
//delete运算符可以删除对象的属性
// let oj = {
// a : "1",
// b : { x : 1}
// }
// let ob = oj.b;
// console.log(oj.b); //{x: 1}
// delete oj.b;
// console.log(oj.b); //undefined
// console.log(ob); //{x: 1}
//delete只是断开属性和宿主对象的联系，而不会去操作内存中对象的属性的值的存在与否
// 判断某个属性是否存在于某个对象中
// 可以通过in运算符、hasOwnProperty() 方法
// let oj = {
// a : "1",
// b : { x : 1}
// }
// console.log( "a" in oj); //true
// console.log("c" in oj); //false
// console.log( oj.hasOwnProperty("a")); //true
// console.log( oj.hasOwnProperty("c")); //false
//枚举对象属性
//除了检测对象的属性是否存在，我们还会经常遍历对象的属性, 通常使用for/in循环遍历
// for/in循环可以在循环体中遍历对象中所有可枚举的属性（包括自有属性和继承的属性）
// 对象继承的内置方法不可枚举的，但在代码中给对象添加的属性都是可枚举的
// for( o in oj){
// console.log(o); //a b
// }
// console.log(o.propertyIsEnumerable("toString")); //false
//在JavaScript中对象的属性有两种, 分别是数据属性和访问器属性.
// //数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有4 个描述其行为的特性
// 程序员无法访问到的
// [[Configurable]]：表示能否通过delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为访问器属性。像前面例子中那样直接在对象上定义的属性，它们的这个特性默认值为true。
// [[Enumerable]]：表示能否通过for-in 循环返回属性。像前面例子中那样直接在对象上定义的属性，它们的这个特性默认值为true。
// [[Writable]]：表示能否修改属性的值。像前面例子中那样直接在对象上定义的属性，它们的这个特性默认值为true。
// [[Value]]：包含这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时候，把新值保存在这个位置。这个特性的默认值为undefined
//访问器属性 允许用户在赋值或取值都经过预先设定的函数，从而实现内部属性的那一种特效结果
//get / set
//获取对象属性的特性Object.getOwnPropertyDescriptor()
// let oj = {
// a : "1",
// b : { x : 1}
// }
// let c = Object.getOwnPropertyDescriptor(oj,"a");
// console.log(c); //{value: "1", writable: true, enumerable: true, configurable: true}
// //设置对象属性的特性Object.defineProperty()
// //传入要修改的对象、要创建或修改的属性的名称以及属性描述符对象：
// Object.defineProperty(oj, "a" ,{
// writable:false
// })
// oj.a = "333";
// let cg = Object.getOwnPropertyDescriptor(oj,"a");
// console.log(cg); //{value: "1", writable: false, enumerable: true, configurable: true}
// console.log(oj.a); //1
</script>
赞 (0)