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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
javascript 混合的构造函数和原型方式,动态原型方式
Dec 07 Javascript
图片img的src不变让浏览器重新加载实现方法
Mar 29 Javascript
Javascript的闭包详解
Dec 26 Javascript
Bootstrap菜单按钮及导航实例解析
Sep 09 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
js禁止Backspace键使浏览器后退的实现方法
Sep 01 Javascript
vue实现通讯录功能
Jul 14 Javascript
在Web关闭页面时发送Ajax请求的实现方法
Mar 07 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
Apr 10 Javascript
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
Jun 29 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 htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
PHP array_push 数组函数
2009/12/26 PHP
php简单的留言板与回复功能具体实现
2014/02/19 PHP
PHP读取并输出XML文件数据的简单实现方法
2017/12/22 PHP
Javascript中的常见排序算法
2007/03/27 Javascript
基于jquery的让textarea自适应高度的插件
2010/08/03 Javascript
javascript 文本框水印/占位符(watermark/placeholder)实现方法
2012/01/15 Javascript
Js点击弹出下拉菜单效果实例
2013/08/12 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
2014/04/11 Javascript
浅析jQuery事件之on()方法绑定多个选择器,多个事件
2016/04/27 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
js实现数组内数据的上移和下移的实例
2017/11/14 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
深入理解NodeJS 多进程和集群
2018/10/17 NodeJs
vue src动态加载请求获取图片的方法
2018/10/17 Javascript
react组件从搭建脚手架到在npm发布的步骤实现
2019/01/09 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
[01:55]2014DOTA2国际邀请赛快报:国土生病 紧急去医院治疗
2014/07/10 DOTA
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
[06:59]DOTA2-DPC中国联赛3月7日Recap集锦
2021/03/11 DOTA
python实现字符串连接的三种方法及其效率、适用场景详解
2017/01/13 Python
python 创建一个空dataframe 然后添加行数据的实例
2018/06/07 Python
Python实现SQL注入检测插件实例代码
2019/02/02 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
python实现字典嵌套列表取值
2019/12/16 Python
jupyter 使用Pillow包显示图像时inline显示方式
2020/04/24 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
基督教卡片、励志礼品、家居装饰等:DaySpring
2018/10/12 全球购物
Anthropologie英国:美国家喻户晓的休闲服装和家居产品品牌
2018/12/05 全球购物
计算机专业个人简短的自我评价
2013/10/23 职场文书
2014年乡镇植树节活动方案
2014/02/28 职场文书
城管执法人员纪律作风整顿思想汇报
2014/09/13 职场文书
佛光寺导游词
2015/02/10 职场文书