JavaScript中对象的知识点。
程序员文章站
2022-03-07 18:41:25
1. 对象1.1 对象的概念1.1.1 什么是对象1.1.2 为什么使用对象1.2 创建对象的三种方式1.2.1 利用字面量创建对象1.2.2 利用new Object 创建对象1.2.3 利用构造函数创建对象1.2.4 构造函数和对象的区别1.3 new关键字1.4 遍历对象属性2. 小结......
1. 对象
1.1 对象的概念
1.1.1 什么是对象
1.1.2 为什么使用对象
1.2 创建对象的三种方式
1.2.1 利用字面量创建对象
/* 利用对象字面量创建对象 */
var obj={
name:'小苗',
age:18,
sex:'女',
sayHi:function () {
console.log('你好!');
}
}
// 调用对象的属性
console.log(obj.name);
console.log(obj.age);
console.log(obj['sex']);
// 调用对象的方法
obj.sayHi()
1.2.2 利用new Object 创建对象
/* 利用 new object 创建对象 */
var people=new Object();
people.uname='小红';
people.uage=19;
people.usex='女';
people.work=function(){
console.log('正在工作');
}
// 调用对象
console.log(people.uname);
people.work();
1.2.3 利用构造函数创建对象
/* 利用构造函数创建对象 */
function Star(sname,sage,ssex) {
this.sname=sname;
this.sage=sage;
this.ssex=ssex;
this.sing=function(sang){
console.log(sang);
}
}
var liudehua=new Star('刘德华',18,'男');
console.log(liudehua.sname);
console.log(liudehua.sage);
liudehua.sing('冰雨');
var zhangxueyou=new Star('张学友',28,'男');
console.log(zhangxueyou.sname);
console.log(zhangxueyou.ssex);
zhangxueyou.sing('听海');
注意:
- 构造函数名称首字母要大写;
- 构造函数不需要return就可以返回结果;
- 调用构造函数必须使用new;
- 属性和方法前必须添加 this。
1.2.4 构造函数和对象的区别
1.3 new关键字
1.4 遍历对象属性
/* 遍历对象 */
for(var k in dog){
// 输出对象的属性名
console.log(k);
// 输出对象的属性值
console.log(dog[k]);
}
2. 小结
本文地址:https://blog.csdn.net/qq_39979646/article/details/109266200
上一篇: sketchup怎么制作楼梯模型?
下一篇: HTML5---Canvas相关内容1
推荐阅读
-
同一页面多个商品倒计时JS 基于面向对象的javascript
-
基于Android中Webview使用自定义的javascript进行回调的问题详解
-
举例讲解Python面向对象编程中类的继承
-
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
-
在Python的Django框架中获取单个对象数据的简单方法
-
详解Django中Request对象的相关用法
-
Django中更新多个对象数据与删除对象的方法
-
javascript各浏览器中option元素的表现差异
-
php中输出json对象的值(实现方法)
-
Java8利用stream的distinct()方法对list集合中的对象去重和抽取属性去重