浅说js变量

代码如下:

/*
1, 变量类型:
JavaScript 是弱类型, 变量可存储任意类型, 并且运行期间类型可变;
-> 变量可进行类型转换;
*/

/*
2, 变量声明:
*/
var i;
var index;
var i, index;
var i = 0, index = 2;
/*
变量声明, 无初始值时, 值为 undefined;
并且 var 声明的变量, 不能使用 delete 操作符删除;
重复声明为产生覆盖, 不会造成错误;
遗漏声明, 则会把变量隐式声明此变量, 并做为全局变量; (下节介绍)
*/

/*
3, 变量作用域:
以函数划分: 函数内部声明的变量, 只能运行的函数内部, 即局部变量; (闭包仍可引用);
内部变量比全局变量优先级别高; ex:
*/
var g = 'global';
function check() {
var g = 'local';
console.log(g); // local
}
check();
/* 变量尽可能都使用 var 声明 */
/* 没有块级作用域 */
if (false) {
var test = 2;
function t() {
console.log('t function');
}
}
t(); // t function;
console.log(test); // undefined;
/*
例外:
firefox 会报错;
t is not defined;
test 值为 undefined;(末声明和赋值的变量都是 undefined)
*/

/* 变量声明会提前挂起 */
function f() {
console.log(test); // undefined
var test = 'test';
console.log(test); // 'test'
}
// 转化为
function f() {
var test;
console.log(test); // 变量仅声明, 则初始化为 undefined
test = 'test';
console.log(test); // 变量已赋值, 'test'
}
/* 未定义变量和未赋值变量 */
console.log(t); // 直接使用变量 t;
// 注: 直接给变量赋值时, 会隐式的把变量做为全局对待;
var t; // 未赋值变量, undefined;

/*
4, 基本类型和引用类型:
Number/boolean/null/undefined/ 基本类型;
Array/Object/Function 引用类型
第五版, 63页:
无论将字符串看作是行为与基本类型相似的不可变引用类型,
还是将它看作使用引用类型的内部功能实现的基本类型, 结果都是一样的;
即: String 类型表现为 基本类型;
下面实例说明基本类型和引用类型差别:
*/
var a = 3.14;
var b = a;
a = 4;
console.log(a, b); // 4, 3.14;

var a = [1, 2, 3];
var b = a;
a[0] = 99;
console.log(a, b); // 相同; [99, 2, 3];
// 数组是引用类型, 变量a和b 指向同一块内存地址;
// 变量保存基本类型的实际值, 而保存引用类型的引用(类指针);

/*
5, 垃圾收集
引用类型是没有固定大小的, 比如: Array, 随时可以修改 length;
变量并不能直接保存引用的值, 而是被存储在某个位置, 变量保存的只是对此位置的引用.
所以, JavaScript 会动态分配内存来存储实体;
最终要释放这些内存以便再用, 否则会消耗所有可用内存导致系统崩溃;
JavaScript 不要求手动释放内存; 它使用一种称为垃圾收集方法[方法不可见];
它会把对不再使用的对象所占用的内存释放;
*/
var s = 'hello';
var u = s.toUpperCase();
s = u; // 不能再获取到 'hello' 值;
// 环境中不再有 'hello' 引用[没有变量指向它]
// (是否进行回收, 是通过是否存在赋值决定的)
/*
6, 作为属性的变量
全局对象
window, this, Math;
浏览器中的:navigator, screen;
局部变量:调用对象
调用对象
全局变量是特殊的全局对象的属性, 那么局部变量被称为调用对象(call object)的属性;
函数的参数和局部变量作为调用对象的属性而存储;
(使用独立对象存储局部变量使 JavaScript 可防止局部变量覆盖同名全局变量的值)
JavaScript 的执行环境
JavaScript 解释器执行一个函数时, 会为函数创建一个执行环境(execution context);
一个执行环境就是所有 JavaScript 代码段执行时所在的环境.
运行不属性任何函数的 JavaScript 代码的环境使用的就是全局对象.
所有 JavaScript 函数都运行在 自己独有的执行环境中, 并且有自己的调用对象, 在调用对象中定义了局部变量.
JavaScript 解释器可在不同的全局执行环境中运行脚本, 并且这些环境不脱节, 彼此可引用;
(window-iframe);
深入理解变量作用域
每个 JavaScript 执行环境都有一个和它关联在一起的作用域链(scope chain);
作用域链是一个对象列表或对象链;
当 JavaScript 代码需要查询变量 X 的值时, 它就开始查看此链上的第一个对象;
如果对象存在一个名为 x 的属性, 那么就采用那个属性的值.
如果没有, JavaScript 会继续查询链中的第二个对象.
如果还没有找到, 继续查询下一个对象. 以此类推...
补充:
f() 作用域 -> 闭包作用域 -> var 变量所在作用域
-> Object 的原型作用域 -> Object 类属性作用域
-> 顶层作用域(window);
*/

(0)

相关推荐

  • 浅说js变量

    复制代码 代码如下: /* 1, 变量类型: JavaScript 是弱类型, 变量可存储任意类型, 并且运行期间类型可变; -> 变量可进行类型转换; */ /* 2, 变量声明: */ var i; var index; var i, index; var i = 0, index = 2; /* 变量声明, 无初始值时, 值为 undefined; 并且 var 声明的变量, 不能使用 delete 操作符删除; 重复声明为产生覆盖, 不会造成错误; 遗漏声明, 则会把变量隐式声明此变量,

  • php变量与JS变量实现不通过跳转直接交互的方法

    本文实例讲述了php变量与JS变量实现不通过跳转直接交互的方法.分享给大家供大家参考,具体如下: 大家都知道如果JS变量要获取后台传来的php变量可以这么写: <?php $aaa = '111';?> var aaa = <?php echo $aaa;?>; 那么我们如何将js变量的值直接付给php变量呢 第一种方法也是最常见的方法: 无刷新:使用ajax传参 有刷新:直接跟表单一起提交或者直接跟在跳转链接的后面. 现在我来说一下第二种传值方式: 示例为对js变量进行日期处理:

  • js 变量类型转换常用函数与代码[比较全]

    1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换成整数,后者把值转换成浮点数.只有对String类型调用这些方法,这两个函数才能正确运行:对其他类型返回的都是NaN(Not a Number). 在判断字符串是否是数字值前,parseInt()和parseFloat()都会仔细分析该字符串.parseInt()方法首先查看位置0处的 字符,判断它是否是个有效数字:如果不是,该方法将返回NaN,不再继续执行其他操作.但如果该字符是有效数字,该方法

  • mysql输出数据赋给js变量报unterminated string literal错误原因

    从mysql读取某一文本数据,付给js变量比如 复制代码 代码如下: <script type="text/javascript">var strs="苏润葡萄种植园依托沪宁高速和扬溧高速两大交通走廊,紧邻镇荣公路上党镇薛村段,离镇江市仅20公里,交通便利苏润葡萄种植园引进新品种. 新工艺.新技术和现代经营管理体制,采用大棚种植.目前主要品种有五个:夏黑.美人指.贵公子.黄蜜.金手指.苏润葡萄种植园还 ..."; document.write(strs)

  • 原生javascript 学习之js变量全面了解

    1.变量的命名 方法的命名(驼峰命名法) 全部小写 : 单词与单词之间全部下划线 (my_namespace) 大小写混合 : 第一个单词首字母小写其他单词首字母大写. 规则 首字符 英文字母或下划线 组成   英文字母 数字 下划线 禁忌   JavaScript 关键字 保留字 2. 变量的声明 显示声明   :  var 关键字 陋习         :  没有类型 重复声明 隐式声明 不声明直接赋值 正解        : 先声明 后读写 先赋值 后运算 3. 变量类型 值类型 A) 占

  • js变量以及其作用域详解

    一.变量的类型 Javascript和Java.C这些语言不同,它是一种无类型.弱检测的语言.它对变量的定义并不需要声明变量类型,我们只要通过赋值的形式,可以将各种类型的数据赋值给同一个变量.例如: 复制代码 代码如下: i=100;//Number类型 i="variable";//String类型 i={x:4};//Object类型 i=[1,2,3];//Array类型 JS的这种特性虽然让我们的编码更加灵活,但也带来了一个弊端,不利于Debug,编译器的弱检测让我们维护冗长的

  • 关于JS变量和作用域详解

    ECMAScript 变量: 1.基本类型值(简单数据段) 2.引用类型值(可能由过个值构成的对象) → 保存在内存中的对象 ------ 动态属性: 只能给引用型值动态添加新属性,以便将来使用. ------ 复制变量值 : 基本类型值的复制 → 在变量对象上创建一个新值 → 复制给新变量(互不影响) 引用类型值的复制 → 将存储在变量对象中的值复制到新变量分配空间中(复制的是一个指针,指向同一个对象,相互影响) ------ 传递参数: ECMAScript中所有函数的参数都是按值传递 .

  • js变量提升深入理解

    JavaScript的函数定义有个特点,它会先扫描整个函数体的语句,把所有申明的变量"提升"到函数顶部: 'use strict'; function foo() { var x = 'Hello, ' + y; alert(x); var y = 'Bob'; } foo(); 虽然是strict模式,但语句var x = 'Hello, ' + y;并不报错,原因是变量y在稍后申明了.但是alert显示Hello, undefined,说明变量y的值为undefined.这正是因为

  • twig里使用js变量的方法

    本文实例讲述了twig里使用js变量的方法的方法.分享给大家供大家参考,具体如下: 先看一段代码 <script type="text/javascript"> jQuery(document).ready(function(){ jQuery(#my_input).change(function(){ var value = jQuery(#my_input).val(); jQuery.ajax({ url: {{ path('ParteAccidentes_ajax'

  • 详解JS变量存储深拷贝和浅拷贝

    变量类型与存储空间 栈内存和堆内存 基本数据类型 string.number.null.undefined.boolean.symbol(ES6新增) 变量值存放在栈内存中,可直接访问和修改变量的值 基本数据类型不存在拷贝,好比如说你无法修改数值1的值 引用类型 Object Function RegExp Math Date 值为对象,存放在堆内存中 在栈内存中变量保存的是一个指针,指向对应在堆内存中的地址. 当访问引用类型的时候,要先从栈中取出该对象的地址指针,然后再从堆内存中取得所需的数据

随机推荐