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变量是有作用域的 变量在函数内部声明时,那么该变量只属于整个函数体,函数外不可调用 当两个不同的函数里,使用了用一个相同的变量名,二者不互相影响,相互独立 遇到嵌套函数时,外部函数不可调用内部 ...
随机推荐
- 第九篇 AJAX
AJAX 阅读目录(Content) 概述 AJAX常见应用情景 AJAX的优缺点 jQuery实现的AJAX $.ajax参数 AJAX请求如何设置csrf_token 序列化 Django内置的s ...
- 寒假第一发(CF水题两个)
地址http://codeforces.com/contest/799 A. Carrot Cakes In some game by Playrix it takes t minutes for a ...
- 51nod 算法马拉松3 A:序列分解
序列分解 System Message (命题人) 基准时间限制:1 秒 空间限制:131072 KB 分值: 40 小刀和大刀是双胞胎兄弟.今天他们玩一个有意思的游戏. 大刀给小刀准备了一个长度为n ...
- python脚本文件引用
二.Python __init__.py 作用详解 https://www.cnblogs.com/Lands-ljk/p/5880483.html __init__.py 文件的作用是将文件夹变为一 ...
- h5-360_introduce页面案例
整个网页的html 首先,忽略我的网页比较丑,主要是ps功底不太好, 其次这个网页是利用了全屏插件:jquery.fullPage.js.需要事先导入相应的js文件 js文件下载地址:http://w ...
- logrotate+crond日志切割、轮询
logrotate 在工作中经常会有需求去查看日志,无论是通过应用或者系统error日志去查找问题或者通过nginx的访问日志统计站点日均PV.UV.所以体现了日志的重要性,但是通常当业务越来越大的时 ...
- Jenkins-在Centos上配置自动化部署(Jenkins+Gitlab+Rancher)
Jenkins-在Centos上配置自动化部署(Jenkins+Gitlab+Rancher) 环境:centos7 首先在服务器上安装好Jenkins和Gitlab和Rancher Gitlab安装 ...
- 201909-1 小明种苹果 Java
思路: 保存掉落的苹果总数,和树是第几棵即可 import java.io.BufferedReader; import java.io.IOException; import java.io.Inp ...
- 解决fixed布局里内容不滚动问题
//注意给父级加上 (1)横向滚动 left:0; right:0; 然后想要横向滚动的话 overflow-x:scroll; overflow-y:hidden; (2)竖直方向滚动top:0;b ...
- 新iPhone的高售价下,苹果供应商们是该笑还是该哭?
自新 iPhone发布之日起,世界就从未停止讨论其售价,越来越多的人开始困惑:新 iPhone毫无创新亮点,有什么底气卖到12799RMB呢?整个地球都在期待苹果推出廉价版 iPhone,望眼欲穿地等 ...