javascript对象笔记
JS对象
对象是一个具体的事物
在JS中对象是一组无序属性和方法的集合例如字符串,数组,函数等等
对象是由属性和方法组成的
属性:是事物的特征,在对象中用属性来表示一般用名词
方法:是事物的行为,在对象中用方法来表示一般用动词
为什么需要对象
保存一个值的时候可以用变量,保存多个值的时候,可以用数组,需要保存更多的信息时候就可以用对象
创建对象的方式
利用字面量创建对象
利用new object创建对象
利用构造函数创建对象
对象字面量:就是{}里面包含具体事务的属性和方法
里面的属性采用键值对的形式 键 属性名: 值 属性值
多个属性的方法中间用逗号隔开
方法冒号后面跟的是匿名函数
使用对象
调用对象的属性 采用的是 对象名:属性名 或者 对象名['属性名']
调用对象的方法
对象名.方法名() 一定要加括号
用new object创建对象的时候
用 = 添加对象属性和方法
每个属性之间用;隔开
构造函数就是把对象里面一些相同的属性和方法抽象出来封装到函数中
注意
构造函数名的首字母必须要大写
构造函数不需要return就可以返回结果
调用构造函数的时候必须使用new
利用构造函数创建对象的过程叫对象的实例化
构造函数语法格式
function 构造函数名() {
this.属性 = 值;
this.方法 = function () {
}
}
new 构造函数名();
new关键字执行过程
new 构造函数看样子内存中创建空对象
this.就会指向刚才创建的空对象
在构造函数里面的代码 给这个空对象添加属性和方法
返回这个对象
遍历对象
for in语句用于对数组或者对象的属性进行循环操作
for in常用的变量有 k key
JS中对象分为三种:自定义对象,内置对象,浏览器对象
前面两种对象是JS基础,属于ECMScript;第三个浏览器对象属于JS独有的
MDN
网址:https://developer.mozilla.org/zh-CN/
1 var obj2 = { 2 uname: "张三丰", 3 age: "129", 4 sex: "男", 5 sayhi: function () { 6 console.log("hi"); 7 } 8 } 9 console.log(obj2.uname); 10 console.log(obj2['sex']); 11 obj2.sayhi() 12 13 14 // 利用new object创建对象 15 var obj3 = new Object(); 16 obj3.uname = '中国红'; 17 obj3.age = 22; 18 obj3.sayhi = function () { 19 console.log("hi"); 20 } 21 obj3.sayhi() 22 23 24 // function 构造函数名() { 25 26 27 // 用构造函数创建对象 28 function Star(uname, age, sex) { 29 this.name = uname; 30 this.age = age; 31 this.sex = sex; 32 this.sing = function (sang) { 33 console.log(sang); 34 35 } 36 } 37 var ldh = new Star('你电话', 18, '男') 38 ldh.sing('哈哈哈') 39 console.log(ldh.name); 40 41 // 遍历对象 42 var obj4 = { 43 name: 'pink', 44 age: 33, 45 sex: '男' 46 } 47 for (var k in obj4) { 48 console.log(obj4[k]); 49 } 50 // for(变量 in 对象){ 51 52 // }