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 相关文章推荐
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
jquery获取颜色在ie和ff下的区别示例介绍
Mar 28 Javascript
使用jquery写个更改表格行顺序的小功能
Apr 29 Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 Javascript
jQuery插件pagewalkthrough实现引导页效果
Jul 05 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
微信小程序购物商城系统开发系列-目录结构介绍
Nov 21 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
Mar 01 Javascript
vue时间格式化实例代码
Jun 13 Javascript
如何在JavaScript中优雅的提取循环内数据详解
Mar 04 Javascript
学习RxJS之JavaScript框架Cycle.js
Jun 17 Javascript
javascript实现时间日期的格式化的方法汇总
Aug 06 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常用函数小技巧
2008/09/11 PHP
学习php笔记 字符串处理
2010/10/19 PHP
php empty,isset,is_null判断比较(差异与异同)
2010/10/19 PHP
PHP响应post请求上传文件的方法
2015/12/17 PHP
WordPress中用于获取文章信息以及分类链接的函数用法
2015/12/18 PHP
Array.slice()与Array.splice()的返回值类型
2006/10/09 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
JS Pro-深入面向对象的程序设计之继承的详解
2013/05/07 Javascript
ECMAScript5中的对象存取器属性:getter和setter介绍
2014/12/08 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
九种原生js动画效果
2015/11/11 Javascript
javascript实现查找数组中最大值方法汇总
2016/02/13 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
Node.js 实现简单的接口服务器的实例代码
2017/05/23 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
详解如何用模块化的方式写vuejs
2017/12/16 Javascript
javascript防抖函数debounce详解
2019/06/11 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
ant-design-vue 快速避坑指南(推荐)
2020/01/21 Javascript
python安装以及IDE的配置教程
2015/04/29 Python
python爬取内容存入Excel实例
2019/02/20 Python
Python 、Pycharm、Anaconda三者的区别与联系、安装过程及注意事项
2019/10/11 Python
Python实现自动访问网页的例子
2020/02/21 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
python GUI库图形界面开发之PyQt5访问系统剪切板QClipboard类详细使用方法与实例
2020/02/27 Python
Python脚本导出为exe程序的方法
2020/03/25 Python
浅谈python多线程和多线程变量共享问题介绍
2020/04/17 Python
劳动工资科岗位职责范本
2014/03/02 职场文书
初一新生军训方案
2014/05/22 职场文书
邀请函怎么写
2015/01/30 职场文书
离婚案件被告代理词
2015/05/23 职场文书
晚会主持人开场白台词
2015/05/28 职场文书
小学课改工作总结
2015/08/13 职场文书
React Hook用法示例详解(6个常见hook)
2021/04/28 Javascript
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android