JavaScript_object基础入门(必看篇)


Posted in Javascript onJune 13, 2016

之前写Java时老是有点蒙,大部分都是用jQuery,但原理还不是很清楚,最近一段时间在系统的学习JavaScript,有什么问题或错误请指出,多谢.....................

Object所有类的基础类

var obj = new Object();
var obj = {}; //实例化对象
给对象设置属性分为两种:

1.使用直接量的方式:对象.属性/方法,这种方式直观、易懂

obj.name = '张三';
obj.age = 20;
obj.sex = '男';
obj.say = function(){
alert("hello World");
}

2.使用 "[]" 的方式:对象.['属性/方法'],当使用这种方法时,括号内必须加"" 或 '',方式比较严格

obj['birthday'] = '1989-08-07';

获取对象的属性或者方法:对象.属性名/方法
alert(obj.name); // 张三
alert(obj.age); // 20
obj.say(); // hello World

delete 操作符 删除对象的属性或方法的
delete obj.age;
delete obj.say;
alert(obj.age);  //undified
alert(obj.sex);  //20
obj.say();   //报错,函数已被删除

遍历一个js对象,for in 语句

for(var attr in obj){
alert(attr + ":" + obj[attr]); //会按顺序将数组中的键值对打印,主要值,如果用对象.属性得到undified
}

Constructor保存对象的创建函数
alert(obj.constructor);
var o = [];
alert(o.constructor);

hasOwnProperty(propertyName) 用于检测给定属性在对象中是否存在,返回boolean类型,在项目中有时会用到,需留意
var i = {};
i.sex = '男';
alert(i.hasOwnProperty('sex')); //true
alert(i.hasOwnProperty('age')); //false

propertyIsEnumerable(propertyName)检测给定的属性是否能被for in 所枚举出来,返回boolean
alert(i.propertyIsEnumerable('age')); //false 上面没有定义此属性

以上这篇JavaScript_object基础入门(必看篇)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS 面向对象之神奇的prototype
Feb 26 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
Nov 10 Javascript
如何让你的Lightbox支持滚轮缩放及Base64图片
Dec 04 Javascript
javascript 操作符(~、&、|、^、)使用案例
Dec 31 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
May 24 Javascript
JS简单实现获取元素的封装操作示例
Apr 07 Javascript
Angular实现下拉框模糊查询功能示例
Jan 03 Javascript
vue 微信授权登录解决方案
Apr 10 Javascript
详解各版本React路由的跳转的方法
May 10 Javascript
JS中数组与对象的遍历方法实例小结
Aug 14 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 Javascript
JS setTimeout与setInterval的区别
Apr 20 Javascript
js 连续赋值的简单实现
Jun 13 #Javascript
全面解析Bootstrap中Carousel轮播的使用方法
Jun 13 #Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 #Javascript
JavaScript遍历求解数独问题的主要思路小结
Jun 12 #Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 #Javascript
JavaScript解八皇后问题的方法总结
Jun 12 #Javascript
jQuery遍历json的方法(推荐)
Jun 12 #Javascript
You might like
php精确的统计在线人数的方法
2015/10/21 PHP
PHP输入流php://input实例讲解
2015/12/22 PHP
JQuery Ajax 跨域访问的解决方案
2010/03/12 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
2014/01/09 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
seajs加载jquery时提示$ is not a function该怎么解决
2015/10/23 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
深入理解jQuery 事件处理
2016/06/14 Javascript
JSON中key动态设置及JSON.parse和JSON.stringify()的区别
2016/12/29 Javascript
javascript实现下雨效果
2017/03/27 Javascript
Angular4的输入属性与输出属性实例详解
2017/11/29 Javascript
浅析vue中常见循环遍历指令的使用 v-for
2018/04/18 Javascript
vue-cli 使用vue-bus来全局控制的实例讲解
2018/09/15 Javascript
vue使用echarts图表的详细方法
2018/10/22 Javascript
vue实现一拉到底的滑动验证
2019/07/25 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
Vue实现圆环进度条的示例
2021/02/06 Vue.js
基于vue的video播放器的实现示例
2021/02/19 Vue.js
[05:45]Ti4观战指南(下)
2014/07/07 DOTA
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python程序设计入门(3)数组的使用
2014/06/16 Python
Python判断文件和文件夹是否存在的方法
2015/05/21 Python
python求一个字符串的所有排列的实现方法
2020/02/04 Python
一款纯css3实现的响应式导航
2014/10/31 HTML / CSS
HTML5 Canvas鼠标与键盘事件demo示例
2013/07/04 HTML / CSS
详解HTML5中download属性的应用
2015/08/06 HTML / CSS
美国知名女性服饰品牌:New York & Company
2017/03/23 全球购物
Python是如何进行类型转换的
2013/06/09 面试题
软件部经理岗位职责范本
2014/02/25 职场文书
六个一活动实施方案
2014/03/21 职场文书
大学生暑期社会实践证明范本
2014/10/24 职场文书
装修公司管理制度
2015/08/05 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
SQL Server2019数据库备份与还原脚本,数据库可批量备份
2021/11/20 SQL Server
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL