javascript变量

全局变量和局部变量
    按照变量的作用域来区分,和大多数编程语言类似,javascript变量也分为全局变量和局部变量。全局变量的作用域是整个js文件,而局部变量的作用域是该变量被定义的函数内部,也包括在该函数内部定义的函数的内部。其实无论是全局变量还是局部变量,他们都是在其被创建的环境(比如函数)中,以及被创建的环境所包含的子环境(比如函数内部的函数)中有效。

块作用域
    变量的作用域是基于函数的,而不是基于块的。在c++中,在花括号 { }中声明的变量,在花括号外不可见,这就是块作用域;而在javascript中,花括号内部声明的局部变量,在花括号外仍可见。

function f1(){
if(1){
var a = 100;
}
alert(a);
}
f1(); // alert 100

变量和函数的声明

在javascript引擎解析javascript代码的时候,首先javascript引擎会把变量和函数的声明提前进行预解析,然后再去执行其他代码。

变量的声明
    变量的声明只有一种方式,就是用var关键字声明,直接赋值不是一种声明方式!它仅仅是在全局对象上创建了新的属性(而不是变量)。
    var num = 1; 是在当前域中声明变量,如果在方法中声明,则为局部变量;如果是在全局域中声明,则为全局变量。
    而num=1;

是对属性赋值的操作,首先,它会尝试在当前作用域链中解析num,如果在当前作用域链中找到num,则会执行对num属性赋值;如果没有找到num,它会在上一层作用域链中找....
直到找到最上层的作用域,即全局作用域,此时它会在全局作用域中创造num属性并赋值。
    由于变量声明自带不可删除属性,比如var num=1 和 num = 1,前者是变量声明,带不可删除属性,因此无法被删除;后者为全局变量的一个属性,可以从全局变量中删除。
声明和赋值的区别
(1)声明会在解释器预解析js代码的时候被提前,而赋值不会。

alert(a); // undefined ,被声明提前,但此刻未被赋值
alert(b); // error "b" is not defined
b = 10;
var a = 20;

(2)直接赋值形式是在执行阶段创建

alert(a); // undefined
b = 10;
alert(b); // 10, 代码执行阶段创建 var a = 20;
alert(a); // 20, 代码执行阶段修改

(3)变量不能被删除,属性可以

a = 10;
alert(window.a); // 10,是一个全局对象window的属性
alert(delete a); // true
alert(window.a); // undefined
var b = 20;
alert(window.b); // 20
alert(delete b); // false
alert(window.b); // 仍然为 20,因为变量是不能够删除的。

函数声明
    函数声明有三种方式:
(1)function name(){} 直接创建

function add(a,b){
return a+b;
}
add(5,4);

(2)new Function 构建函数创建

var add=new Function("a", "b", "return a+b;");
add(4,5);

(3)给变量赋值匿名函数方法创建

var add = function(a,b){
return a+b;
}
add(4,5);
 

其中,第二种和第三种方法,在声明前访问时,返回的都是一个undefined的变量。在声明后访问他们都是一个function的函数。
如果变量名和函数名声明相同,函数优先声明

alert(x); // function
var x = 10;
alert(x); // 10
x = 20;
function x() {};
alert(x); // 20
 

Javascript 变量、函数的声明的更多相关文章

  1. JavaScript 变量作用域和声明提升

    一.变量作用域 说到这个概念,不有自主的想到this,scope 这两个关键字. JavaScript的this总是指向一个明确的对象,这个对象是在执行的时候动态绑定的.通俗的说就是谁调用我,我的th ...

  2. JavaScript基础函数的声明(014)

    1.函数的重要地位 函数(functions)在JavaScript里有着重要的地位,其原因有二: 它们是一种特殊的对象 它们提供作用域 说函数在JavaScript里是特殊的对象,因为: 程序的执行 ...

  3. 【JavaScript高级进阶】JavaScript变量/函数提升的细节总结

    // 测试1 console.log('----------test1--------------'); console.log(global); // undefined var global = ...

  4. var与Javascript变量隐式声明

    在JavaScript中,var用来声明变量,但是这个语法并不严格要求,很多时修改,我们可以直接使用一个变量而不用var声明它.var x = "XX"; y ="xxx ...

  5. 声明(创建) JavaScript 变量

    在 JavaScript 中创建变量通常称为"声明"变量. 我们使用 var 关键词来声明变量: var carname; 变量声明之后,该变量是空的(它没有值). 如需向变量赋值 ...

  6. JavaScript 变量

    一,JavaScript 变量(存储信息的容器) 与代数一样,JavaScript 变量可用于存放值(比如 x=2)和表达式(比如 z=x+y). 变量可以使用短名称(比如 x 和 y),也可以使用描 ...

  7. 谈谈javascript的函数作用域

    在一些类似c语言的编程语言中,花括号内的每一段代码都具有各自的作用域,而且变量在声明他们的代码段之外是不可见的,我们称为块级作用域(block scope),而javascript中没有块级作用域.取 ...

  8. day133:2RenMJ:TypeScript的变量&函数&类&接口

    目录 1.变量 2.函数 3.类 4.接口 1.变量 1.变量的声明 // 1.即指定数据类型 也指定值 var 变量名:类型 = 值; eg:var username:string = " ...

  9. PHP函数(四)-变量函数

    变量函数 将声明的函数的函数名赋给一个变量,通过该变量来调用函数 <?php function Calculate($a,$b){ return $a + $b; } echo "计算 ...

  10. 7.JavaScript变量

    VAR声明变量,一条语句可以声明多个变量 var name="Gates", age=56, job="CEO"; Value = undefined 在计算机 ...

随机推荐

  1. JS_高程5.引用类型(4)Array类型的各类方法

    一.转换方法 所有的对象都具有toLocaleString(),toString()和valueOf()方法.调用toString()方法会返回由数组中的每个值的字符串拼接而成的一个以逗号分隔的字符串 ...

  2. jquery 上下滚动显示隐藏

      function scroll(fn) { var beforeScrollTop = document.body.scrollTop, fn = fn || function() {}; win ...

  3. GMA Round 1 二项式展开

    传送门 二项式展开 求$(2x-y+\frac{3}{x}+4z)^{12}$展开式中不含x的任意非0次幂的项的系数和. 用排列组合的思想,相当于在12个括号里选项出来.先把$2x$和$\frac{3 ...

  4. JAVA自学笔记24

    JAVA自学笔记24 1.能使用同步代码块就使用同步代码块,除非锁对象是this,就可以考虑使用同步方法.静态方法的锁是类的字节码对象. 2.JDK5新特性 1)接口Lock void Lock()/ ...

  5. python之函数深入探测

    第一:命名空间与作用域 命名空间: 局部命名空间: def foo(): x=1 def func(): pass 全局命名空间: import time class ClassName:pass d ...

  6. 2018年东北农业大学春季校赛 E-wyh的阶乘(求n!的0的个数)

    链接:https://www.nowcoder.com/acm/contest/93/E来源:牛客网 题目描述 这个问题很简单,就是问你n的阶乘末尾有几个0? 输入描述: 输入第一行一个整数T(1&l ...

  7. SAP传输请求自动发布

        最近公司服务器做迁移,原R3 PRE需要迁到另外的地方,迁移后一段时间内,需要两套PRE环境同时运行,过一段时间后才将传输路线切换到新的PRE.在切换前,要求新PRE环境也要正常同步发布请求, ...

  8. jvm理论-字节码指令案例

    案例1 public class Demo { public int calc(){ int a=100; int b=200; int c=300; return(a+b)*c; } public ...

  9. javascript umd esm slim

    在CDN的连接中看到多个连接时如何选择? JavaScript 模块现状 UMD和ECMAScript模块 https://cdn.bootcss.com/popper.js/1.13.0/esm/p ...

  10. [转]awsome-python

    原文链接 Python 资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理.awesome-python 是 vinta 发起维护的 Pytho ...