JS变量、作用域及内存
1.动态属性
var box = new Object();
box.name = 'lee';
alert(box.name);
var box = 'lee';
box.age = '28';
alert(box.age); //不是引用类型,无法输出
2.复制变量值
//栈内存
var box = 'lee';
var box2 = box;
box2 = 'kkk' //基本类型保持独立,box2的修改不会影响到box
alert(box2);
alert(box);
//堆内存
var box = new Object();
box.name = 'lee';
var box2 = box;
box2.name = 'lll'; //因为他们指向的是同一个object,同一个name,不管谁修改了,都一样
alert(box2.name);
alert(box.name);
3.传递参数
ECMAScript中所有函数的参数都是按值传递的。
function box(num)
{
num += 10;
return num;
}
var num = 50;
alert(box(num));
alert(num); //如果是按引用传递,那么函数里的num会成为类似全局变量,把外面的num替换
按引用类型参数传递
function box(obj) //这里将要传递一个引用类型的参数,但不是按引用传递,是按值传递的
{
obj.name = 'abc'
}
var web = new Object(); //声明一个对象web,它是一个引用类型,当为函数传递参数的时候,是传递的web对象的引用,也就是此对象的内存地址,所以在函数中修改属性的对象就是函数外面创建的对象本身。
box(web);
alert(web.name);
function box(obj)
{
obj.name = 'Lee';
var obj = new Object(); //JS没有按引用传参的功能,切记,不能把传递引用参数当作按引用传参
obj.name = 'kkk';
}
var web = new Object();
box(web);
alert(web.name);
//在函数外面创建一个对象,并将对象的引用赋值给变量web,web中存储的是对象在内存中的存储地址,当为函数传递参数时,就是传递的在函数外面创建的对象的地址。
//在函数中,为外面创建的对象创建一个自定义属性name并赋值为“Lee”,然后又创建一个新的对象,并将新对象的地址赋值给obj,这个时候obj指向的并不是函数外面创建的对象,所以外面对象name属性不会被改变。
4.检测类型
instanceof方法可以检测某个类型的对象,但instanceof不可以用来检测基本类型。
var box = [1,2,3];
alert(box instanceof Array);
var box2 = {};
alert(box2 instanceof Object);
var box3 = /g/;
alert(box3 instanceof RegExp);
5.执行环境及作用域
var box = 'Lee';
function setBox()
{
return 123;
}
alert(window.box); //全局变量最外围属于window属性。
alert(window.setBox()); //全局函数最外围属于window方法。
var box = 'Lee';
function setBox()
{
var box = 'red'; //这里是局部变量,他的范围在setBox()里,出来就不认识了。访问不到
}
setBox();
alert(box);
var box = 'Lee';
function setBox()
{
box = 'red'; //去掉var就变成全局,可以访问到
}
setBox();
alert(box);
var box = 'Lee';
function setBox(box) //通过传参,也是局部变量,作用域在setBox()范围下
{
alert(box);
}
setBox('red');
alert(box);
var box = 'Lee';
function setBox(box)
{
function setColor() //setColor方法的作用域在setBox()内
{
var b = 'kkk'; //b的作用域在setColor()里
alert(b);
return 123;
}
return setColor();
}
alert(setBox());
if语句花括号内没有作用域的功能
if(true)
{
var box = 'Lee';
}
alert(window.box);
for(var i=0; i<10; i++)
{
var box = 'Lee';
}
alert(window.i);
alert(window.box);
function box()
{
var num = 10; //如果有var,在函数体内声明变量,就是局部的,去掉var就是全局的。
}
box();
alert(num);
变量搜索,从内层向外搜索
var box = 'Lee';
function setBox()
{
var box = 'red';
return box; //如果返回的box没有值,就会跳出函数体向上去找到box,也就是lee
}
alert(setBox());
JS变量、作用域及内存的更多相关文章
- js 变量 作用域及内存
由于Javascript是松散型的,所以其变量只是在特定时间用于保存特定值的一个名字而已,并不存在某个变量必须保存某种类型的值的规则,变量的值以及其数据类型都可以在脚本的声明周期内改变 一.基本类型与 ...
- 第一百零六节,JavaScript变量作用域及内存
JavaScript变量作用域及内存 学习要点: 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只 ...
- [刘阳Java]_步步窥探JS变量作用域
今天的这个文章题目名称甚是让人会突发异想.JS变量作用域是务必需要搞懂的,单从面试过程就会让面试者烧脑壳.所以,我们还是写一篇关于JS变量作用域的技术专题,让所有小伙伴能够借此文章去整理JS的基础学习 ...
- javaScript的闭包 js变量作用域
js的闭包 js的变量作用域: var a=90; //定义一个全局变量 function test(){ a=123; //使用外层的 a变量 } test(); document.write(&q ...
- 浅谈javascript中变量作用域和内存(2)
1.无块级作用域 javascript没有块级作用域,这会让其他程序员在理解js代码上很痛苦.在其他很多语言,比如C,大括号括起来的代码块都有自己的作用域 举个例子 if(true) { var na ...
- 原型模式故事链(5)--JS变量作用域、作用域链、闭包
上一章 JS执行上下文.变量提升.函数声明 传送门:https://segmentfault.com/a/11... 本次我们主要讲讲变量作用域和闭包变量作用域:顾名思义:变量起作用的范围.变量分为全 ...
- 解释JS变量作用域的范例
JS的变量作用域只有两种:全局作用域与函数作用域. 用var声明的变量不能简单的说是属于函数作用域,应该是说属于其最近的作用域. var a = 10; function test(){ var a; ...
- 浅谈js变量作用域
变量的作用域也是前端面试题常考的一个问题,掌握下面几个规律可以帮你更好的理解js的作用域. 1.作用域优先级遵循就近原则,函数内部的作用域优先级大于外部 var a=456; var b=111; f ...
- js变量作用域--变量提升
1.JS作用域 在ES5中,js只有两种形式的作用域:全局作用域和函数作用域,在ES6中,新增了一个块级作用域(最近的大括号涵盖的范围),但是仅限于let方式申明的变量. 2.变量声明 var x; ...
- JS变量作用域与解构赋值
用var变量是有作用域的 变量在函数内部声明时,那么该变量只属于整个函数体,函数外不可调用 当两个不同的函数里,使用了用一个相同的变量名,二者不互相影响,相互独立 遇到嵌套函数时,外部函数不可调用内部 ...
随机推荐
- JAVA - SpringBoot项目引用MyBatis操作数据库
JAVA - SpringBoot项目引用MyBatis操作数据库 1. 创建SpringBoot项目,参考:https://www.cnblogs.com/1285026182YUAN/p/1232 ...
- AS经济Essay写作想拿高分其实并不难!
在ALEVEL经济学这门课中,最难的部分应该属于essay question部分,因为很多题目的问题方式是很多变的,考官对于考生的期望值要求也是非常高的. 很多学生觉得自己清楚题目中的知识点,但是最终 ...
- crontab 实现Linux系统上定时任务的关键命令
附上原文链接 https://www.cnblogs.com/ftl1012/p/crontab.html 原文真是写得非常好,所谓他山之石可以攻玉~,我就不客气啦,哈哈
- javaweb历史上最简单的使用Ajax判断用户名是否被注册(不跳转页面奥!)
关于前端: 使用jquery-3.3.1.js记得要导入奥---最后我会附加我的源码的 哎我也不多说了新手加菜鸟jquery真的不太懂!看代码吧!个别地方我会写上我对本程序的理解. 关于后台也就是se ...
- Spring 面向切面编程(AOP)
Spring 系列教程 Spring 框架介绍 Spring 框架模块 Spring开发环境搭建(Eclipse) 创建一个简单的Spring应用 Spring 控制反转容器(Inversion of ...
- springMvc接收json和返回json对象
导入三个包 页面: function sendJson(){ //请求json响应json $.ajax({ type:"post", url: "${pageConte ...
- 装饰者模式(Decorator Pattern)C#版本的
仍然来自 zhili https://www.cnblogs.com/zhili/p/DecoratorPattern.html 谢谢啊 呵呵 ---------------------------- ...
- 第二十一篇 关联管理器(RelatedManager)
关联管理器(RelatedManager) lass RelatedManager "关联管理器"是在一对多或者多对多的关联上下文中使用的管理器.它存在于下面两种情况: Forei ...
- mark LINUX_6.8 python_2.6.6 setup版本升级 python 2.7.9 安装 pip 临时使用国内镜像源库 指定模块版本 删除指定模块
简单但却又经常需要使用 网上 贴子也很多 也经常用 所以 做个mark 吧: 1首先下载python2.7.9 源tar包 源码安装 可利用linux自带下载工具wget下载,如下所示: ...
- mp4流化
MP4需要流化 不然会频繁seek 对于http形式的播放而言 苦不堪言 ffmpeg -i g:/media/err.mp4 -movflags +faststart -codec copy g:/ ...