js对象简介与基本用法示例


Posted in Javascript onMarch 13, 2020

本文实例讲述了js对象简介与基本用法。分享给大家供大家参考,具体如下:

对象简介

js中没有"类"的概念,只有对象。

A:对象声明方式有三种

------------1.调用Object函数创建对象: 

var person = new Object;

对于一个已经声明的对象,可以给该对象设置任意属性。比如

var person = new Object();
person.name = "zhangsan";
console.log(person); //Object {name: "zhangsan"}

这样就给person对象设置了一个name属性

------------2.采用JSON形式窗口对象:  *对象字面量*

var person = {name : "zhangsan"};
console.log(person); //Object {name: "zhangsan"}

这种声明等价于第一种

------------3.自定义函数形式创建对象

function Person() { //定义一个函数
 console.log("function Person called!!");
}
var person = new Person();//使用new关键字创建一个对象

B:对象的属性

对象的属性通常有两种访问方式,即“对象式”和“数组式”。

------------1.对象式:

function Person() { //定义一个函数
 console.log("function Person called!!");
}
var person = new Person();//使用new关键字创建一个对象
person.name = "lisi"; //将name作为对象person的一个属性
console.log(person); //Person {name: "lisi"}

------------2.数组式:

person["name"] = "zhangsan";
console.log(person); //Person {name: "zhangsan"}

C:遍历对象的所有属性和方法

for (var key in person) {
 console.log(person[key]);
}

D:对象的prototype:prototype属性是返回对象类型原型的引用。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Prototype Class对象学习
Jul 19 Javascript
IE关闭时判断及AJAX注销案例学习
Feb 18 Javascript
javascript中加号(+)操作符的一些神奇作用
Jun 06 Javascript
基于JavaScript实现回到页面顶部动画代码
May 24 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
angular+bootstrap的双向数据绑定实例
Mar 03 Javascript
最全的JavaScript开发工具列表 总有一款适合你
Jun 29 Javascript
vue + element-ui实现简洁的导入导出功能
Dec 22 Javascript
Angular 向组件传递模板的两种方法
Feb 23 Javascript
vue计算属性get和set用法示例
Feb 08 Javascript
js实现鼠标拖拽div左右滑动
Jan 15 Javascript
Node.js API详解之 Error模块用法实例分析
May 14 Javascript
JS自定义滚动条效果
Mar 13 #Javascript
js Math数学简单使用操作示例
Mar 13 #Javascript
Vue实现仿iPhone悬浮球的示例代码
Mar 13 #Javascript
AI小程序之语音听写来了,十分钟掌握百度大脑语音听写全攻略
Mar 13 #Javascript
vue动态渲染svg、添加点击事件的实现
Mar 13 #Javascript
创建nuxt.js项目流程图解
Mar 13 #Javascript
微信小程序中的上拉、下拉菜单功能
Mar 13 #Javascript
You might like
php 获取百度的热词数据的代码
2012/02/18 PHP
PHP实现生成唯一编号(36进制的不重复编号)
2014/07/01 PHP
PHP实现链式操作的核心思想
2015/06/23 PHP
PHP附件下载中文名称乱码的解决方法
2015/12/17 PHP
详解php curl带有csrf-token验证模拟提交方法
2018/04/18 PHP
仿猪八戒网左下角的文字滚动效果
2011/10/28 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
Node.js编程中客户端Session的使用详解
2015/06/23 Javascript
移动端界面的适配
2017/01/11 Javascript
微信小程序 scroll-view实现上拉加载与下拉刷新的实例
2017/01/21 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
js原生日历的实例(推荐)
2017/10/31 Javascript
微信小程序 scroll-view实现锚点滑动的示例
2017/12/06 Javascript
JS使用tween.js动画库实现轮播图并且有切换功能
2018/07/17 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
将Python代码嵌入C++程序进行编写的实例
2015/07/31 Python
Python爬虫代理IP池实现方法
2017/01/05 Python
python实现下载文件的三种方法
2017/02/09 Python
Python Logging 日志记录入门学习
2018/06/02 Python
Python拼接字符串的7种方式详解
2020/03/19 Python
python实现每天自动签到领积分的示例代码
2020/08/18 Python
CSS3实现酷炫的3D旋转透视效果
2019/11/21 HTML / CSS
html5 video标签屏蔽右键视频另存为的js代码
2013/11/12 HTML / CSS
Cotton On香港网站:澳洲时装连锁品牌
2018/11/01 全球购物
澳大利亚最受欢迎的美发用品目的地:AMR
2019/08/28 全球购物
经典洗发水广告词
2014/03/13 职场文书
全国税务系统先进集体事迹材料
2014/05/19 职场文书
2014年端午节演讲稿范文
2014/05/23 职场文书
员工安全责任书范本
2014/07/24 职场文书
兽医医药专业求职信
2014/07/27 职场文书
家庭教育的心得体会
2014/09/01 职场文书
保研推荐信范文
2015/03/25 职场文书
团委工作总结2015
2015/04/02 职场文书
Nginx中break与last的区别详析
2021/03/31 Servers