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怎么把&字符换成"&amp:"
Oct 19 Javascript
JS运行耗时操作的延时显示方法
Nov 19 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
Mar 28 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
浅谈Sizzle的“编译原理”
Apr 14 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
jQuery对table表格进行增删改查
Dec 22 Javascript
微信小程序开发入门基础教程
Apr 19 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
Nov 04 Javascript
jQuery实现可以扩展的日历
Dec 01 jQuery
echarts浮动显示单位的实现方法示例
Dec 04 Javascript
vant时间控件使用方法详解
Dec 24 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
substr()函数中文版
2006/10/09 PHP
ThinkPHP框架表单验证操作方法
2017/07/19 PHP
阿里云的WindowsServer2016上部署php+apache
2018/07/17 PHP
PHP设计模式(四)原型模式Prototype实例详解【创建型】
2020/05/02 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
JavaScript cookie的设置获取删除详解
2014/02/11 Javascript
JS实现仿FLASH效果的竖排导航代码
2015/09/15 Javascript
js随机生成一个验证码
2017/06/01 Javascript
vue2.x+webpack快速搭建前端项目框架详解
2017/11/30 Javascript
webpack4.x开发环境配置详解
2018/08/04 Javascript
vue实例中data使用return包裹的方法
2018/08/27 Javascript
Vuejs+vue-router打包+Nginx配置的实例
2018/09/20 Javascript
详解webpack引入第三方库的方式以及注意事项
2019/01/15 Javascript
使用Vue中 v-for循环列表控制按钮隐藏显示功能
2019/04/23 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
vue递归组件实战之简单树形控件实例代码
2019/08/27 Javascript
[01:11:21]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第三场 3月7日
2021/03/11 DOTA
Python检测生僻字的实现方法
2016/10/23 Python
Tensorflow卷积神经网络实例进阶
2018/05/24 Python
详解Python发送email的三种方式
2018/10/18 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
flask框架url与重定向操作实例详解
2020/01/25 Python
python字典的值可以修改吗
2020/06/29 Python
Django url 路由匹配过程详解
2021/01/22 Python
基于Python的接口自动化unittest测试框架和ddt数据驱动详解
2021/01/27 Python
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
Farfetch澳大利亚官网:Farfetch Australia
2020/04/26 全球购物
明星员工获奖感言
2014/08/14 职场文书
群教班子对照检查材料
2014/08/26 职场文书
大学生实习介绍信
2015/05/05 职场文书
硕士论文致谢范文
2015/05/14 职场文书
个人收入证明范本
2015/06/12 职场文书
三好学生评选事迹材料(2016精选版)
2016/02/25 职场文书
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python
Python 中面向接口编程
2022/05/20 Python