Javascript中引用类型传递的知识点小结


Posted in Javascript onMarch 06, 2017

JS里面哪些类型是引用类型?

Object类型都是引用类型.(function,array,date,regexp..)

JS哪些类型是值传递?

基本类型都是值传递.值传递就是重新copy一个副本进行传递.

如何把值类型的变量以引用类型的方式进行传递?

通过把基础类型包装之后可以以引用类型传递.

ECMAScript提供了三个特殊的引用类型(基本包装类型): Boolean,String,Number.

引用类型与基本包装类型的区别: 对象的生存期不同.

见代码:

var str = "hello js"; 
var str2 = str.substring(2,5); 


// str2的形成 在JS内部是这样实现的.

var str = new String('hello js');
var str2 = str.substring(2,5);
str = null ;

引用类型的内存分配

如: var o = {name: ‘kobe'};

Javascript中引用类型传递的知识点小结

栈: 保存的是一个指针,指向的是对象在堆上面的内存地址.我们通过指针句柄来操作堆上面的对象.

理解== 与 === 的区别

“===” 严格运算符

严格运算符的运算规则:

1、不同数据类型

如果两个值的类型不同,直接返回false。

2、同一类型的基本数据类型(string,boolean,number)

同一类型的原始类型的值(数值、字符串、布尔值)比较时,值相同就返回true,值不同就返回false。

3、同一类型的复合数据类型

两个复合类型(对象、数组、函数)的数据比较时,不是比较它们的值是否相等,而是比较它们是否指向同一个对象。

console.log( [1] === [1] ) // false

4、undefined和null

undefined 和 null 与自身严格相等。

console.log( null === null ) // true
console.log( undefined === undefined ) // true

“==” 相等运算符

相等运算符在比较相同类型的数据时,与严格相等运算符完全一样。

在比较不同类型的数据时,相等运算符会先将数据进行类型转换,然后再用严格相等运算符比较。类型转换规则如下(以下讨论的是不同类型):

1、都是原始类型的值得情况

原始类型的数据会转换成数值类型再进行比较。

2、对象与原始类型值比较

对象(这里指广义的对象,包括数值和函数)与原始类型的值比较时,对象转化成原始类型的值,再进行比较。

3、undefined和null

undefined和null与其他类型的值比较时,结果都为false,它们互相比较时结果为true

console.log( null == undefined ) // true

4、相等运算符的缺点

相等运算符隐藏的类型转换,会带来一些违反直觉的结果。

console.log( "" == "0" ) // false 
console.log( 0 == "" ) // true
console.log( 0 == "0" ) // true
console.log( false == "false" ) // false
console.log( false == "0" ) // true

还有一个就是涉及undefined的条件判断,undefined与null的条件判断.可能会对你的代码造成印象.

var a = undefined;
if(!a){
 console.log("1"); //1
}

var a = undefined;
if(a === null){
 console.log("1"); //无输出
}

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
在页面上点击任一链接时触发一个事件的代码
Apr 07 Javascript
extjs 列表框(multiselect)的动态添加列表项的方法
Jul 31 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
Jun 11 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
Jan 26 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
May 30 Javascript
基于Cookie常用操作以及属性介绍
Sep 07 Javascript
微信小程序的部署方法步骤
Sep 04 Javascript
vue 如何使用递归组件
Oct 23 Javascript
vue开发chrome插件,实现获取界面数据和保存到数据库功能
Dec 01 Vue.js
javascript实现拼图游戏
Jan 29 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
Mar 06 #Javascript
js正则表达式验证表单【完整版】
Mar 06 #Javascript
Vue.js 2.0 移动端拍照压缩图片上传预览功能
Mar 06 #Javascript
js实现动态显示时间效果
Mar 06 #Javascript
jQuery实现 上升、下降、删除、添加一行代码
Mar 06 #Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 #Javascript
js eval函数使用,js对象和字符串互转实例
Mar 06 #Javascript
You might like
php checkbox 取值详细说明
2010/08/19 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
PHP chr()函数讲解
2019/02/11 PHP
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
JS实现图片横向滚动效果示例代码
2013/09/04 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
jquery实现可自动判断位置的弹出层效果代码
2015/10/12 Javascript
AngularJS自定义插件实现网站用户引导功能示例
2016/11/07 Javascript
JS设置CSS样式的方式汇总
2017/01/21 Javascript
常见的浏览器Hack技巧整理
2017/06/29 Javascript
Nodejs异步回调之异常处理实例分析
2018/06/22 NodeJs
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
Python中的类与对象之描述符详解
2015/03/27 Python
使用Python中PDB模块中的命令来调试Python代码的教程
2015/03/30 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
Python实现句子翻译功能
2017/11/14 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
python 多线程中子线程和主线程相互通信方法
2018/11/09 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
在Python中append以及extend返回None的例子
2019/07/20 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
Python基于numpy模块实现回归预测
2020/05/14 Python
IntelliJ 中配置 Anaconda的过程图解
2020/06/01 Python
10个python爬虫入门实例(小结)
2020/11/01 Python
Python 远程开关机的方法
2020/11/18 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
HTML5 video 视频标签使用介绍
2014/02/03 HTML / CSS
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
商务日语专业自荐信
2014/04/17 职场文书
员工合理化建议书
2014/05/19 职场文书
供应链金融服务方案
2014/05/25 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
2019年教师节活动策划方案
2019/09/09 职场文书
描写九月优美句子(39条)
2019/09/11 职场文书