以下是html代码,个人建议放在IDE里运行,边看效果,边学习~
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>JS初步(十二)——对象(三)</title> <script> //利用前面已学的知识创建一个对象 var obj = new Object(); console.log(obj); /* 使用对象字面量来创建一个对象 */ var obj2 = {}; //这里的{}就叫对象字面量 obj2.name = "李耳"; console.log(obj2); //输出obj2 /* 使用对象字面量,可以在创建对象时,直接指定对象中的属性 语法:{属性名:属性值,属性名:属性值,...} 对象字面的属性名可以加引号也可以不加,建议不加,如果要使用特殊名字,则必须加 属性名和属性值是一组一组的名值对结构,名和值之间使用:连接,多个名值对之间使用逗号隔开 写了最后一个属性后建议不写逗号,写了有些浏览器就会默认给你去掉,有些就会报错,这种错误就不好找 */ var obj3 = {name:"李耳",age:18}; console.log(obj3); //试试效果 //格式不好看,我给他改改 var obj3 = { name:"李耳", age:18, sex:"男", obj4:{name:"没错还是我李耳"} }; console.log(obj3); //试试效果 </script> </head> <body> </body> </html>