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变量是有作用域的 变量在函数内部声明时,那么该变量只属于整个函数体,函数外不可调用 当两个不同的函数里,使用了用一个相同的变量名,二者不互相影响,相互独立 遇到嵌套函数时,外部函数不可调用内部 ...
随机推荐
- 四十、SAP中CASE语句用法
一.上代码 二.选择内容 三.输出 四.我们选择一个其他的值 五.查看输出
- 061-PHP函数定义默认参数
<?php function add($x=2,$y=3){ //定义函数并设置默认参数 return $x+$y; } echo add(); //不传入参数调用add函数add(2,3) e ...
- QThread创建多线程程序
最近在阅读Qt 5.9 C++开发指南,为了加深对书本上内容的理解,参照书上的讲解尝试写了一些demo,用于以后工作中查阅,如果涉及侵权请告知,实例程序samp13_1 mythread.h #ifn ...
- java课程之团队开发冲刺阶段2.5
总结昨天进度: 1.昨天对课前提醒的基本框架已经搭好,剩下的就是对如何提醒进行设置 遇到的困难: 1.在一些细节地方,代码有点犯浑,将Preferences的文件写错了,导致在用switch开关得到时 ...
- 吴裕雄--天生自然Django框架开发笔记:Django 模板
使用 django.http.HttpResponse() 来输出 "Hello World!".该方式将数据与视图混合在一起,不符合 Django 的 MVC 思想. Djang ...
- SublimeText3和插件的安装
SublimeText3和插件的安装 步骤一:进入官网下载SublimeText3(http://www.sublimetext.com/3),安装并打开SublimeText3 步骤二:进入Su ...
- 用Python在00:00给微信好友发元旦祝福语
2019年的元旦即将来临,这里用Python撸一串简单的代码来实现定点给微信里的所有小伙伴发祝福语 环境说明 Python版本: 不限 第三方库: itchat, schedule 注:所有祝福语来源 ...
- [CISCN2019 总决赛 Day1 Web4]Laravel1
0x00 知识点 这个题核心就是找POP链,看了一下网上的WP,难顶啊.. 先贴上思路和poc,之后等熟练了再来做吧 https://glotozz.github.io/2019/11/05/buuc ...
- javascript的自定义对象/取消事件/事件兼容性/取消冒泡
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- Q6:ZigZag Conversion
6. ZigZag Conversion 官方的链接:6. ZigZag Conversion Description : The string "PAYPALISHIRING" ...