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 相关文章推荐
详解JavaScript语法对{}处理的坑爹之处
Jun 05 Javascript
JQuery操作textarea,input,select,checkbox方法
Sep 02 Javascript
JavaScript入门系列之知识点总结
Mar 24 Javascript
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
Jul 11 Javascript
BootStrap中的表单大全
Sep 07 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 Javascript
解决iView中时间控件选择的时间总是少一天的问题
Mar 15 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
微信小程序如何访问公众号文章
Jul 08 Javascript
36个正则表达式(开发效率提高80%)
Nov 17 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
关于拼配咖啡,你要知道
2021/03/03 咖啡文化
php生成缩略图的类代码
2008/10/02 PHP
PHP 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
PHP中单例模式的使用场景与使用方法讲解
2019/03/18 PHP
提升PHP安全:8个必须修改的PHP默认配置
2014/11/17 Javascript
jquery实现焦点图片随机切换效果的方法
2015/03/12 Javascript
JavaScript通过字典进行字符串翻译转换的方法
2015/03/19 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
2016/01/04 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
Move.js入门
2017/02/08 Javascript
javascript实现滑动解锁功能
2017/03/22 Javascript
详解使用vue脚手架工具搭建vue-webpack项目
2017/05/10 Javascript
Angular2中如何使用ngx-translate进行国际化
2017/05/21 Javascript
python 简易计算器程序,代码就几行
2009/08/29 Python
python+mysql实现简单的web程序
2014/09/11 Python
python使用插值法画出平滑曲线
2018/12/15 Python
一步步教你用python的scrapy编写一个爬虫
2019/04/17 Python
Python3标准库glob文件名模式匹配的问题
2020/03/13 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
HTML5对手机页面长按会粘贴复制禁用的解决方法
2016/07/19 HTML / CSS
鲜为人知的HTML5语音合成功能
2019/05/17 HTML / CSS
amazeui页面校验功能的实现代码
2020/08/24 HTML / CSS
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
雷曼兄弟的五金店:Lehman’s Hardware Store
2019/04/10 全球购物
家庭教育先进个人事迹材料
2014/01/24 职场文书
宣传策划类求职信范文
2014/01/31 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
2015年学校办公室工作总结
2015/05/26 职场文书
幸福终点站观后感
2015/06/04 职场文书
团组织关系介绍信
2019/06/24 职场文书
写好Python代码的几条重要技巧
2021/05/21 Python
浅谈MySQL之浅入深出页原理
2021/06/23 MySQL
nginx作grpc的反向代理踩坑总结
2021/07/07 Servers
python turtle绘制多边形和跳跃和改变速度特效
2022/03/16 Python