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变量、作用域及内存的更多相关文章

  1. js 变量 作用域及内存

    由于Javascript是松散型的,所以其变量只是在特定时间用于保存特定值的一个名字而已,并不存在某个变量必须保存某种类型的值的规则,变量的值以及其数据类型都可以在脚本的声明周期内改变 一.基本类型与 ...

  2. 第一百零六节,JavaScript变量作用域及内存

    JavaScript变量作用域及内存 学习要点: 1.变量及作用域 2.内存问题 JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只 ...

  3. [刘阳Java]_步步窥探JS变量作用域

    今天的这个文章题目名称甚是让人会突发异想.JS变量作用域是务必需要搞懂的,单从面试过程就会让面试者烧脑壳.所以,我们还是写一篇关于JS变量作用域的技术专题,让所有小伙伴能够借此文章去整理JS的基础学习 ...

  4. javaScript的闭包 js变量作用域

    js的闭包 js的变量作用域: var a=90; //定义一个全局变量 function test(){ a=123; //使用外层的 a变量 } test(); document.write(&q ...

  5. 浅谈javascript中变量作用域和内存(2)

    1.无块级作用域 javascript没有块级作用域,这会让其他程序员在理解js代码上很痛苦.在其他很多语言,比如C,大括号括起来的代码块都有自己的作用域 举个例子 if(true) { var na ...

  6. 原型模式故事链(5)--JS变量作用域、作用域链、闭包

    上一章 JS执行上下文.变量提升.函数声明 传送门:https://segmentfault.com/a/11... 本次我们主要讲讲变量作用域和闭包变量作用域:顾名思义:变量起作用的范围.变量分为全 ...

  7. 解释JS变量作用域的范例

    JS的变量作用域只有两种:全局作用域与函数作用域. 用var声明的变量不能简单的说是属于函数作用域,应该是说属于其最近的作用域. var a = 10; function test(){ var a; ...

  8. 浅谈js变量作用域

    变量的作用域也是前端面试题常考的一个问题,掌握下面几个规律可以帮你更好的理解js的作用域. 1.作用域优先级遵循就近原则,函数内部的作用域优先级大于外部 var a=456; var b=111; f ...

  9. js变量作用域--变量提升

    1.JS作用域 在ES5中,js只有两种形式的作用域:全局作用域和函数作用域,在ES6中,新增了一个块级作用域(最近的大括号涵盖的范围),但是仅限于let方式申明的变量. 2.变量声明 var x; ...

  10. JS变量作用域与解构赋值

    用var变量是有作用域的 变量在函数内部声明时,那么该变量只属于整个函数体,函数外不可调用 当两个不同的函数里,使用了用一个相同的变量名,二者不互相影响,相互独立 遇到嵌套函数时,外部函数不可调用内部 ...

随机推荐

  1. STL--迭代器设计原则和萃取机制(Traits)

    title: C++ STL迭代器设计原则和萃取机制(Traits) date: 2019-12-23 15:21:47 tags: STL C/C++ categories: STL 迭代器 (it ...

  2. c++程序—switch分支

    #include<iostream> using namespace std; #include<string> int main() { //多元分支 cout <&l ...

  3. text字体样式(多行结尾省略,彩色渐变字体)

    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; ...

  4. python 对axis的理解

    首先请看一下官方帮助的解释: 轴用来为超过一维的数组定义的属性,二维数据拥有两个轴:第0轴沿着行的垂直往下,第1轴沿着列的方向水平延伸.  注意看,官方对于0和1的解释是轴,也就是坐标轴.而坐标轴是有 ...

  5. EE将于5月30日在英国推出首个5G网络

    英国移动运营商 EE 宣布计划于周三在英国推出 5G,该网络将于 5 月 30 日开通,第一批 5G 手机可从今天开始预订.EE 最初的 5G 网络部署将集中在六个城市(伦敦,加的夫,爱丁堡,贝尔法斯 ...

  6. discuz伪静态问题(简单)

    提前声明一下我用的是宝塔面板.Linux系统.Nginx Web Server.经过一上午的摸索(我很菜了),终于在一个很无语的地方成功搞了伪静态1.2.点击查看当前的 Rewrite 规则3.我的是 ...

  7. 二十四、CI框架之URL辅助函数

    一.控制器代码如下: 二.view的显示代码中,关于路径,我们可以用另外一种方法来写, 如: "/CodeIgniter-3.1.10/index.php/welcome/add" ...

  8. qt 字符串 转换 hex

    1. qt 中两个字符的字符串直接转换为 hex,类似于 "1A" 要转换成 16进制的 0x1A,使用 int QString::toInt(bool *ok, int base ...

  9. SQL笔记整理

  10. PAT 2014 秋

    A 1084 Broken Keyboard 注意大小写即可. #include <cstdio> #include <iostream> #include <algor ...