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 相关文章推荐
IE iframe的onload方法分析小结
Jan 07 Javascript
浅谈javascript的数据类型检测
Jul 10 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
vue 扩展现有组件的操作
Aug 14 Javascript
JavaScript代码简化技巧实例解析
Sep 09 Javascript
TypeScript 运行时类型检查补充工具
Sep 28 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 5昨天隆重推出--PHP 5/Zend Engine 2.0新特性
2006/10/09 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
php+ajax实现带进度条的上传图片功能【附demo源码下载】
2016/09/14 PHP
yii2.0整合阿里云oss上传单个文件的示例
2017/09/19 PHP
laravel csrf排除路由,禁止,关闭指定路由的例子
2019/10/21 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
如何在PHP中生成随机数
2020/06/04 PHP
js 加载时自动调整图片大小
2008/05/28 Javascript
JQuery之focus函数使用介绍
2013/08/20 Javascript
基于mouseout和mouseover等类似事件的冒泡问题解决方法
2013/11/18 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题
2016/08/03 Javascript
vuex 使用文档小结篇
2018/01/11 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
js实现ATM机存取款功能
2020/10/27 Javascript
基于elementUI实现图片预览组件的示例代码
2019/03/31 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
viewer.js一个强大的基于jQuery的图像查看插件(支持旋转、缩放)
2020/04/01 jQuery
基python实现多线程网页爬虫
2015/09/06 Python
python中利用xml.dom模块解析xml的方法教程
2017/05/24 Python
Python判断两个list是否是父子集关系的实例
2018/05/04 Python
使用 Python 实现简单的 switch/case 语句的方法
2018/09/17 Python
解决python 上传图片限制格式问题
2019/10/30 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
python小程序之4名牌手洗牌发牌问题解析
2020/05/15 Python
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
毕业生自荐信的主要内容
2013/10/29 职场文书
出国留学介绍信
2014/01/13 职场文书
蜜蜂引路教学反思
2014/02/04 职场文书
学习雷锋精神心得体会范文
2014/03/12 职场文书
学生犯错保证书
2015/05/09 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang
十大经典日本动漫排行榜 海贼王第三,犬夜叉仅第八
2022/03/18 日漫