最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Javascript变量函数浅析_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:00:33
文档

Javascript变量函数浅析_javascript技巧

Javascript变量函数浅析_javascript技巧:一、变量 在javascript变量中可以存放两种类型的值:原始值和引用值。 原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内。 引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的指针值。 在javascript中有5种基本类型:Undefin
推荐度:
导读Javascript变量函数浅析_javascript技巧:一、变量 在javascript变量中可以存放两种类型的值:原始值和引用值。 原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内。 引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的指针值。 在javascript中有5种基本类型:Undefin


一、变量
在javascript变量中可以存放两种类型的值:原始值和引用值。
原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内。
引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的指针值。
在javascript中有5种基本类型:Undefined,Null,Boolean,Number,String。
引用类型其实就是对象,类似其他语言中类实例的概念。
代码如下:
var b = true; // 存储在栈上
var num = 20; //存储在栈上
var b = new Boolen(true); //存储在堆内
var num = new Number(20); // 存储在堆内

通常生成对象的方式 :
new +类型名称 var obj = new object()
如果没有参数也可以写成 var obj = new object;
还可以用对象字面量生成对象 var obj = {}
二、函数
在javascript 中函数就是对象,应该像对待javascript中其他对象一样对待函数,每个函数都隐式附加两个额外参数this,arguments。
函数可以:赋值给变量,作为其他对象的属性,作为其他函数的参数,作为返回值,还可以用字面量来创建函数。
函数上下文:
在面向对象语言里用this关键字引用类对象的当前实例。javascript里的this关键字却不同于面向对象语言中的this。在javascript中,函数就是对象, this引用的是调用当前函数的函数上下文。
可以通过call()和apply()方法来显式的指定函数上下文。Call的第一个参数被用来作为调用函数的上下文,其他参数作为被调用函数的参数传入被调用函数。Apply()和Call()差不多,只不过第二个参数是数组。
代码如下:
var obj = {
m:"hello"
}
var m="hi";
var say=function()
{
alert(this.m); //this指向函数调用上下文
}
say();//hi,window为调用上下文
say.call(obj);// hello,此时obj为函数调用上下文
say.call(window);// hi,window为调用上下文

作用域:
定义在函数中的参数和变量在函数外部是不可见的,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。
代码如下:
var obj = function() {
var num = 1;
return { getValue: function() {
alert(num); //undefined
var num = 2;
alert(num); //2
}
}
} ();
obj.getValue();

闭包
所谓闭包就是函数能使用函数外定义的变量,函数可以访问创建时的上下文环境。
代码如下:
var hello = "hello word!";
function sayHello() {
alert(hello);
}
sayHello();
var obj = function() {
var value = 0;
return {
setValue: function(val) {
value += typeof val === 'number' ? val : 1;
},
getValue: function() {
return value;
}
}
} ();
obj.setValue('a');
alert(obj.getValue()); //1

注意最后一行的(),()是调用运算符,它表示函数立即调用并返回调用结果。所以obj并不是引用函数,而是引用该函数返回的一个包含两个方法的对象,而且这两个方法享有访问value变量的。
再举个网上流传很广的内部函数访问外部函数局部变量例子来说明闭包。点击相应的列表项弹出对应的顺序编号。
代码如下:
  • test1

  • test2

  • test3

  • var test = function() {
    var num = document.getElementsByTagName("li");
    var i;
    for (i = 0; i < num.length; i++) {
    num[i].onclick = function() {
    alert(i); //内部函数可以访问外部函数变量,i的最终值是3,
    //而不是构造函数时的i值,所以此处都弹出3
    }
    }
    alert(i); //3
    }
    test();

    下面这个写法可以获得正确的结果:
    代码如下:
    var test = function() {
    var num = document.getElementsByTagName("li");
    var i;
    for (i = 0; i < num.length; i++) {
    num[i].onclick = function(i) {
    return function() {
    alert(i + 1);
    }
    } (i); //每次构造函数时立即把i值传进去执行,现在onclick绑定的函数是执
    //行后返回的函数
    }
    alert(i); //3
    }
    test();

    文档

    Javascript变量函数浅析_javascript技巧

    Javascript变量函数浅析_javascript技巧:一、变量 在javascript变量中可以存放两种类型的值:原始值和引用值。 原始值存储在栈上的简单字段,也就是值直接存储在变量所标示的位置内。 引用值存储在堆内的对象,栈内变量保存的是指向堆内对象的指针值。 在javascript中有5种基本类型:Undefin
    推荐度:
    标签: 函数 javascript ja
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top