console.log() //打印
var person = {name:"张三"} //有属性的对象
this代表 对象本身
老师原文:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>对象</title> </head> <body> <script type="text/javascript"> /** * 对象:是由若干个键值对组成 * Object * * 键值对:属性: 值 key: value */ //方式一 //var person = {};//没有属性和方法的对象 var person = {name: "张三",age: 16};//有属性的对象 //方式二 var person2 = new Object();//等于var person = {} /** * 为对象添加新的属性: * 对象名称.新属性名称 * * 对象属性赋值: * 对象名称.属性名称 = 值; */ person.func = function (){ alert("我是person对象的func函数") } /** * 对象中函数属性的调用: * 对象名称.属性名称() */ person.func(); /** * 获取对象的属性值: * 对象名称.属性名称 */ console.log("这个对象的name属性对应的值为:" + person.name + person["name"]) console.log("这个对象的age属性对应的值为:" + person.age) /** * 方式三: * 构造函数: * 可以创建对象实例的函数。 * * 构造函数的函数名称首字母大写。 * * this:代表的就是对象本身,在创建对象的时候this才会有真实的值 * 刚调用构造函数,进入this默认是一个空对象“{}” */ function Person(name,age){ //属性 this.name = name this.age = age //方法 this.eat = function (){ alert(this.name + "正在吃东西" + ",年龄为:" + this.age) } } /** * new Person(): * 调用构造函数Person,返回this的值 */ var person3 = new Person("小红",19); var person4 = new Person("小明",20); person3.eat() person4.eat() /** * 1. 三种创建对象的方式 * 1.1 直接字面量创建 {} * 1.2 通过new Object() * 1.3 通过自定义构造函数创建对象 * * 2. 对象属性 * 2.1 添加新的属性 * 2.2 属性赋值 * 2.3 删除对象中的属性 * * 3. 对象方法 * 3.1 方法的调用 */ </script> </body> </html> |