javascript基础常识问答（二）

prop和attr的区别

一、区别

prop 是从属性对象上获取值，属性对象上有多少属性，就能获取多少值，不需要在页面上显示定义。

attr 是从页面搜索上获取元素值，所以页面必须明确定义元素才能获取值，相对时间来说较慢。

二、使用

在HTML元素本身就自带的固有属性，在处理方法时，就选择prop。
在HTML元素定义一些我们自定义的DOM属性时，在处理方法时，就用attr。

三、总结：

在高版本jquery引入使用的方法，可以用 a、input标签来测试，

本身就带有的属性，也是W3C标准里就包含有这几个属性，或者说在IDE里能够智能提示出的属性，这些就叫做固有属性。处理这些属性时，建议使用prop方法。

属性是我们自己自定义上去的，元素本身是没有这个属性的。这种就是自定义的DOM属性。处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。

null和undefined的区别

null:
是空对象引用，引用指向为空;
是一个表示“无”的对象，转为数值时是0；
用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象;
typeof null：“object”

undefined:
是只定义了引用；
是一个表示无的原始值，转为数值时是NaN；
当声明变量还未被初始时，变量的默认值为undefined，表示“缺少值”；
typeof undefined : “undefined”

注意均可以用“null”或者“undefined”来清空属性

typeof和instanceof的区别

typeof

一般用来判断基本数据类型，是一个操作符，而不是函数，圆括号可以可无；
常用来判断一个变量是否为空，或者判断参数是什么类型的实例，返回值为说明类型的字符串；
返回值：‘number’，‘boolean’，‘string’，‘object’，‘function’，‘undefined’
若参数为引用类型，始终返回‘object’，对于array，null始终返回‘object’，无法正确判断，存在局限性。

instanceof

判断一个变量是否是数组或者对象，就是检测某个对象是不是另一个对象的实例；
简单基本数据类型不能使用instanceof判断，因为内部机制是通过原型链来判断的；
a instanceof b：判断a是否为b的实例；对于所有的引用类型，均为Object的实例。

总结检测数据类型的方法：

typeof ：检测基本数据类型通常用到
instanceof：判断左侧的数据是不是右侧的实例化对象
Array.isArray：只能用来判断对象是否为数组
isNaN: 检测数值或者变量名（不要用NaN 验证是不是NaN，小数也是样）
Object.prototype.toString.call(): 对所有的基本数据类型都能进行判断。让某类型数据通过call借代，调用Object根类自己的toString，这样就能还原toString自己的作用

javascript基础常识问答（二）相关推荐

Javascript基础回顾之(二) 作用域
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
JavaScript基础知识（二）
DOM学习 * 功能:控制html文档的内容 * 获取页面标签(元素)对象:Element* document.getElementById("id值"):通过元素的id获取元素对 ...
Javascript基础回顾之(一) 类型
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
一.JavaScript基础
目录一.什么是javaScript基础 (一)特点: (二)javaSrcipt组成部分: (三)javaSrcipt的基本结构: (三)javaSrcipt的核心语法: (四)javaSrcipt ...
Javascript基础知识之四（常用数组方法）
一.MDN链接 Array - JavaScript | MDNJavaScript的 Array 对象是用于构造数组的全局对象,数组是类似于列表的高阶对象.https://developer.moz ...
JavaScript基础语法（一）
目录前言 js变量数据类型数据类型转换传送门 --> JavaScript基础语法(二).JavaScript之数组与函数(三).JavaScript之对象(四).JavaScript阶 ...
Javascript基础（二）
Javascript基础(二) 事件: 条件语句类型转换正则表达式regexp 错误抛出 void 事件: 是发生在HTML元素上的行为,可以是浏览器行为,可以是用户行为 a) html 元素添加 ...
JavaScript 基础知识 - DOM篇(二)
7. 节点操作 7.1 节点的属性节点分类: 标签节点文本节点属性节点注释节点节点常用的属性: nodeType:节点的类型 nodeName:节点名称 nodeValue:节点值常见的节 ...
JavaScript 基础知识 - 入门篇(二)
11. 函数 11.1 函数的基础知识为什么会有函数? 在写代码的时候,有一些常用的代码需要书写很多次,如果直接复制粘贴的话,会造成大量的代码冗余: 函数可以封装一段重复的javascript代码, ...
ArcGIS API for JavaScript之基础篇（二）
ArcGIS API for JavaScript之基础篇(二) 上一篇文章介绍了Map MapView SceneView的基本知识以及简单的demo.最近几天学习了WebMap WebScene ...

javascript基础常识问答（二）

prop和attr的区别

null和undefined的区别

typeof和instanceof的区别

javascript基础常识问答（二）相关推荐

最新文章

热门文章