javascript进阶之变量篇

最新推荐文章于 2024-09-21 11:34:18 发布
最新推荐文章于 2024-09-21 11:34:18 发布
阅读量1.6k 收藏 4
点赞数
分类专栏： Web 文章标签： javascript function fun object 语言 java

仔细的看了看<javascript权威指南>，算笔记吧
1、关于变量的声名
大家都知道javascript是可以隐式声名变量的。但要注意，隐式声名变量总是被创建为全局变量。看以下代码，情愿javascript语言强制声明变量。建议大家一定要var声明变量。

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. function test(){   
  3.     var a=222;   
  4.  document.writeln(a);   
  5. }   
  6. test();   
  7. document.writeln(a);   
  8. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

 

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. function test(){   
  3.     a=222;   
  4.  document.writeln(a);   
  5. }   
  6. test();   
  7. document.writeln(a);   
  8. </SCRIPT>   
<script type="text/javascript">render_code();</script> 2、关于变量的作用域
猜猜以下代码输出什么。
代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. var x='000';   
  3. document.writeln(x);   
  4. a();   
  5. function a(){   
  6.     var x='aaa';   
  7.  function b(){   
  8.      document.writeln(x);   
  9.         var x='bbb';   
  10.   document.writeln(x);   
  11.  }   
  12.  b();   
  13.     document.writeln(x);   
  14. }   
  15. </SCRIPT>  
<script type="text/javascript">render_code();</script>
如果你的答案是 000 undefined bbb aaa。恭喜，ok.当代码用到x变量时，先从函数块（权威指南中用调用对象来解释）中找，如果找不到，从上一级函数块找，直到找到，如果知道顶层代码（指var x='000';的位置）还没找到定义，代码会报未定义错误。

 

改一下代码，得到 000 undefined 111 111

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. var x='000';   
  3. document.writeln(x);   
  4. a();   
  5. function a(){   
  6.  function b(){   
  7.      document.writeln(x);   
  8.   document.writeln(x);   
  9.  }   
  10.  document.writeln(x);   
  11.  var x='111';   
  12.  b();    
  13. }   
  14. </SCRIPT>  
<script type="text/javascript">render_code();</script>
3、新的问题
变量个作用域清楚了，注意上面的代码。为什么我的function a()定义以前就可以调用a函数了，而我的var x='111';前“不可以用”x啊？？？
让我把我的理解一一道来
首先：以下代码让我相信javascript有个预编译过程，不是完全按照顺序解释执行的。
代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. a();   
  3. function a(){   
  4.     alert();   
  5. }   
  6. </SCRIPT>  
<script type="text/javascript">render_code();</script>
个人理解这个预编译过程不会象java/c#那样把代码编译成虚拟机认识的语言，更不会象vb，vc那样编译成更底层的语言。猜想只是把这个函数预装载到这段函数执行的全局环境中，在这个执行环境中，该函数被标识定义过，可以直接使用了。（看到网上很多人写的AOP的javascript实现,其实这个预编译过程才是翻译元数据最佳时候，可惜就javascript语言来讲，是有些落伍了）

 

这个文章主要讲变量的一些问题。变量说了，为什么函数可以，我变量就不可以呢。

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. document.writeln(a);   
  3. var a=0;   
  4. </SCRIPT>  
<script type="text/javascript">render_code();</script>
为什么我要输出undefined呢？为什么我a就不可以预编译一把呢？
大家看看以下两段代码会输出什么呢啊？？？
代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. document.writeln(a);   
  3. a=0;   
  4. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

 

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. document.writeln(a);   
  3. </SCRIPT>   
<script type="text/javascript">render_code();</script>

 

可能你运行试了，可能你本来就知道，a未定义。哈哈哈，好了。
现在我确信var a=0;被javascript解释器“预编译过”，至少是记录下来了。甚至把它的值设置为 undefined。“undefined”这个词名字取的很是让人误解，怎么能叫未定义呢，分明是javascript中所有变量的初始化值。关于null与undefined的比较我实在不愿提了。
注意上面两段代码还反映一个现象。隐式声明的变量是在解释的时候才把自己定义为全局变量的。

关于函数与变量javascript预编译的不同处理，大家可以与java class的加载过程比较下。java也是对基本类型设出值，对象为null的。（不往远扯了）
4、区别未定义变量和未附值变量

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. var a;   
  3. document.writeln(a);   
  4. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

 

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. document.writeln(a);   
  3. </SCRIPT>  
<script type="text/javascript">render_code();</script>
未定义变量和未附值变量 权威指南中文版 定义的。通过第三条分析，我觉得变量就应该以 定义和未定义变量区别。未附值变量和undefined有点冲突，javascript不是强类型语言，没发附默认值，才来了个undefined。
5、基本类型和引用类型
熟悉java的朋友可能这部分很清楚。没啥
说头。
6、javascript的垃圾回收
关于这部分内容一直没见着个权威说法。在javascript权威指南中有两小节提到这个问题。
对于字符串、对象、数据这些没有固定大小，必须为它们动态的分配内存，但什么时候回收这些内存呢？javascript使用和java一样的garbage collection的方法。
代码
  1. var s="hello";   
  2. var u=s.toUpperCase();   
  3. s=u;  
<script type="text/javascript">render_code();</script>
运行这段代码后，"hello"没有变量会再用到他，这是"hello"的存储空间的被垃圾回收了。对于javascript的垃圾回收，你唯一要关心的是，它一定会进行，不要对内存担心。
注意，javascript不提供任何的强制垃圾回收或释放内存的运算附或语句。
javascript的delete运算附和C++中的不同。
代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. var o=new Object();   
  3. o.name="zkj";   
  4. o.age=25;   
  5. o.bir=new Date();   
  6. for(var key in o){   
  7. document.writeln(key+':'+o[key]+'</br>');   
  8. }   
  9. document.writeln('delete o.bir</br>');   
  10. delete o.bir;   
  11. for(var key in o){   
  12. document.writeln(key+':'+o[key]+'</br>');   
  13. }   
  14. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

7、作为属性的变量
猜猜以下代码会输出什么。

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. var x=100;   
  3. document.writeln(x);   
  4. add(x);   
  5. document.writeln('</br>------------------------</br>');   
  6. var x=200;   
  7. document.writeln(x);   
  8. add(x);   
  9. function add(x){   
  10.     document.writeln(x);    
  11.     var x=300;   
  12.     document.writeln(x);    
  13.     var x=400;   
  14.     document.writeln(x);   
  15. }   
  16. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

估计很多人能得出正确答案
100 100 300 400
------------------------
200 200 300 400
但这里我想引入 全局对象和调用对象的 概念（javascript权威指南是这么翻译滴）

代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. var x=100;   //我们在全局对象中加了个属性x. 对比   
  3.  //var o=new Object();o.x=100;   
  4. document.writeln(this.x);//用this访问全局对象   
  5. add(this.x);//把全局对象的属性值传递对函数中   
  6. document.writeln('</br>------------------------</br>');   
  7. this.x=200;//把全局变量中的x属性修改掉   
  8. document.writeln(window.x);   
  9. add(window.x);   
  10. function add(x){   
  11.     //假设有个局部对象，调用对象，函数调用过程中的对象   
  12. //  temp   temp.x=${传入的值}   
  13.     document.writeln(x); //哦这打印的可是参数中的值，也就是temp.x=this.x   
  14. //的值,   
  15.     var x=300;//把调用对象变量的签名给覆盖了.   
  16.     document.writeln(x); //打印修改过的值。 temp.x   
  17.  var x=400;//temp.x=400  
  18.     document.writeln(x);   
  19. }   
  20. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

在函数的调用过程中，假设有个调用对象存在，把函数的参数，和函数内的临时变量当成这个调用对象的属性。当然这个调用对象的生命周期很短。
注意，当我们访问全局变量的属性入x的时候，不必要用this.x 或window.x访问，当在有<frame><iframe>的页面时会出现混淆。
关于函数的详细讨论我后续会详细讨论。

评论    共 12 条 发表评论
hongliang     2006-03-30 16:58

 

代码
  1. function foo() {   
  2.     function bar() {}   
  3.   
  4.     bar();   
  5. }   
  6.   
  7. foo();   
  8. foo();   
  9. foo();   
  10. //...   
<script type="text/javascript">render_code();</script>

 

我想知道一共会有多少个bar函数对象产生。。。

zkj_beyond     2006-04-06 09:27

在javascript中，function作为一个关键字有两方面的应用。
a、可以定义函数。
b、可以定义一个数据类型。这里只介绍函数。关于function定义类的功能在对象中介绍。
1、函数的概念
javascript中提供了许多预定义函数，我们可以直接使用，比如Math.sin();eval()等。
我们也可以定义自己的函数。有以下四种方法：

 

代码
  1. a、function add(x,y){return x+y;}   
  2. b、var add = function(x,y){return x+y;}   
  3. c、var add = new Function("x","y","return x+y;");   
  4. d、var add =function a(x,y){return x+y;}  
<script type="text/javascript">render_code();</script>

 

在这，如果用add(2,3);调用，返回的结果都是5。但它们使用有很大的区别，后面在详细解释。

2、函数的参数
回想上一篇提到函数的调用对象。虽然我们不能访问它，看不见，但引入这个概念确实可以方便我们解释很多东西。
在一个函数体内，标识符arguments有特殊含义。它是调用对象的一个特殊属性。

 

代码
  1.  < SCRIPT LANGUAGE = " JavaScript " >    
  2.   function  add(x,y)  {   
  3. document.writeln('x = ' + x);   
  4. document.writeln('y = ' + y);   
  5. document.writeln('arguments[ 0 ] = ' + arguments[ 0 ]);   
  6. document.writeln('arguments[ 1 ] = ' + arguments[ 1 ]);   
  7. arguments[ 0 ] = 11 ;   
  8. document.writeln('arguments[ 0 ] = ' + arguments[ 0 ]);   
  9.  return  x + y;   
  10. }    
  11. document.writeln(add( 2 , 3 ));   
  12.  </ SCRIPT >   
<script type="text/javascript">render_code();</script>
看例子，基本你可以把arguments当成个数组使用，但并不是真正的数组。
虽然arguments.length and arguments[index]可以在函数内改变，但建议你不要在函数内改变它们。关于arguments的具体用法可以看prototype.js.
arguments还有个属性 callee.引用当前正在执行的函数。

 

 

 

代码
  1. < SCRIPT LANGUAGE = " JavaScript " >    
  2.   function  add(x,y)  {   
  3.     document.writeln(arguments.callee);   
  4.     document.writeln( typeof (arguments.callee));   
  5.      return  x + y;   
  6. }    
  7. document.writeln(add);   
  8. document.writeln( typeof (add));   
  9. document.writeln(' </ br >-----------------------</ br > ');   
  10. add();   
  11.  </ SCRIPT >   
<script type="text/javascript">render_code();</script>

 

3、函数是一种数据类型
在javascript中，函数不但能象java一样当成语言的语法特性，还可以象字符串、数字、日期一样当成一种数据。
var add=function(x,y){return x+y;};其实我们函数的定义都是把函数附值给变量。函数不但可以附值给变量，还可以当成参数传递。

 

 

代码
  1.  < SCRIPT LANGUAGE = " JavaScript " >    
  2.   var  add = function (x,y)  { return  x + y;} ;   
  3.  var  fun = add;   
  4.  function  opetate(fun,x,y)  {   
  5.      return  fun(x,y);   
  6. }    
  7. alert(opetate(fun, 2 , 3 ));   
  8.  </ SCRIPT >   
<script type="text/javascript">render_code();</script>

 

其实javascript的熟手不会在全局变量里（直接在js文件中）定义函数，都会定义在全局变量的属性字段中。如


代码
  1. < SCRIPT LANGUAGE = " JavaScript " >    
  2.    var  MyLib =  {} ;   
  3.  MyLib.fun1 = function ()  {} ;   
  4.  MyLib.fun2 = function ()  {} ;   
  5.  alert(MyLib);   
  6.  alert(MyLib.fun1);   
  7. </ SCRIPT >   
<script type="text/javascript">render_code();</script>

 

如果这种写法，我们就基本不会和别人写的程序发生命名上的冲突了。

4、函数的生命周期
在变量里我们知道函数有个预编译过程，这个过程我们也看到不到，另外函数定义不同写法情况也不同。所以，感觉函数的执行过程很是复杂。

 

 

代码
  1. < SCRIPT LANGUAGE = " JavaScript " >    
  2.  fun1();   
  3.  alert(fun1);   
  4. // ///把以下代码放到定义最后面可以执行。    
  5.   fun2();   
  6.  alert(fun2)   
  7.  fun3();   
  8.  alert(fun3)   
  9.   // /    
  10.     function  fun1()  {document.writeln('fun1 run ! ')}    
  11.    var  fun2  = function ()  {document.writeln('fun2 run ! ')} ;   
  12.   var  fun3  = new  Function( " document.writeln('fun3 run!') " );   
  13. </ SCRIPT >   
<script type="text/javascript">render_code();</script>

 

a、javascript预编译过程（在html中， </head>前后,<body>内外有特殊情况，这指纯.js文件中）
javascript的预编译我认为是个很简单的过程，对于解释执行语言，肯定不会编译成什么中间语言。（我认为）过程如下：
首先，为执行环境（一个html也，框架环境下有几个执行环境）建立建立一个全局对象，一般客户端脚本为 window或global对象。（在这我觉得global好理解，因为浏览器会放入window总其他的属性）
然后，检查某环境中根代码块中（非函数或{}中）var关键字，把这些变量设置成global对象的属性，并附初值undefined.
如果过程中遇到直接定义的函数（fun1的定义），那么把fun1设置成global对象的属性，并附初值函数的定义（你可以把函数当成undefined,true,1,'1'等数据类型）。
b、解释执行过程
代码按照顺序执行，
一般我们把全局变量的俯值放到代码最前面，如var s="hello"; 那么把s的值用 'hello'替换预编译过程的undefined。
如果遇到变量的应用，如代码 document.writeln(a)，如果我们在global找到属性a,看a是否在前面代码俯值过，如果没有，a的值为预编译的undefined。如果是隐式变量声明，在这把它添加到global的属性中去。
如果遇到类似var fun=function(){}; 把函数当成数据赋值给变量fun.
c、函数的调用过程
你运行一下以下代码，为什么结果是 test undefined local

 

代码
  1.  < SCRIPT LANGUAGE = " JavaScript " >    
  2.  var  s = " golbe " ;   
  3.  function  fun(s)  {   
  4.     document.writeln(s);   
  5.     document.writeln(a);   
  6.      var  s = " local " ;   
  7.      var  a = "" ;   
  8.      return  s;   
  9. }    
  10. document.writeln(fun( " test " ));   
  11.  </ SCRIPT >   
<script type="text/javascript">render_code();</script>

 

首先：预编译代码，把s、fun设置为golbe的属性，并赋值s=undefined,fun=函数定义（可以直接调用）。

然后：按照顺序解释执行代码。赋值s="golbe"; 函数已经可以直接调用了。
执行函数：当运行到fun("test")时，开始函数调用。
(1)先为本次调用建立一个调用对象（fun-global）。
(2)预编译函数体内代码，把参数设置为fun-global的属性，值为为传 值"test",查找var，把a设置成fun-global的属性，值为undefined.(如果var s与参数名称相同，则不重复设置例如函数体内var s="local";)
(3)按照顺序执行函数内代码，当代码中遇到变量，先从调用对象属性中查找，如果找到直接使用。遇到var s="local";时，代码会覆盖调用对象中属性值（和参数名称相同）

调用对象是个暂时对象，生命周期很短，只有在调用过程中存在，递归可能会建立多个独立的调用对象。
javascript的函数应该和java中一样是线程安全的吧。

5、函数的属性和方法 a、length
看了以下代码一目了然，函数的length代表函数实际需要的参数个数。

 

代码
  1.  < SCRIPT LANGUAGE = " JavaScript " >    
  2.   function  add(x,y)  {   
  3.      var  actual = arguments.length;   
  4.      var  expected = arguments.callee.length;   
  5.      if (actual != expected)  {   
  6.          throw   new  Error('函数需要' + expected + '个参数，你输入了' + actual + '个');   
  7.     }    
  8.      return  x + y;   
  9. }    
  10. alert(add( 3 , 2 ));   
  11. alert(add( 3 , 2 , 3 ));   
  12.  </ SCRIPT >   
<script type="text/javascript">render_code();</script>
b、prototype
这个属性引用的是预定义的原型对象，只有在new 函数名 才有效。讲解对象时介绍。
c、定义自己的函数属性

 

 

代码
  1.  < SCRIPT LANGUAGE = " JavaScript " >    
  2. add.count = 0 ;   
  3.  function  add(x,y)  {   
  4.     add.count ++ ;   
  5.      return  x + y;   
  6. }    
  7. add( 3 , 2 );   
  8. add( 3 , 2 );   
  9. add( 3 , 2 );   
  10. add( 3 , 2 );   
  11. document.writeln('共调用函数几次：' + add.count);   
  12.  </ SCRIPT >   
<script type="text/javascript">render_code();</script>

 

d、apply() call()方法
去读读prototype.js吧。

zkj_beyond     2006-04-06 09:33

 

hongliang 写道
代码
  1. function foo() {   
  2.     function bar() {}   
  3.   
  4.     bar();   
  5. }   
  6.   
  7. foo();   
  8. foo();   
  9. foo();   
  10. //...   
<script type="text/javascript">render_code();</script>

 

我想知道一共会有多少个bar函数对象产生。。。

 

三次
<script>
function foo() {
function bar(a) {
//bar的调用对象只会在这部分可见
alert(a);
var a="bar_local"
alert(a);
}
bar("foo_global"); //这会引发创建bar的调用对象
}

foo();
foo();
foo();
</script>

虽然没多少人看，但我还是继续下去吧。至少使自己对javascript的理解加深不少。

凝血神抓     2006-04-06 11:40

 

引用
虽然没多少人看，但我还是继续下去吧。至少使自己对javascript的理解加深不少。

 

正在关注这个 继续啊哥们

flyjie     2006-04-06 13:35

　在楼主写的文章中学到了不少东西，thanks! 提问一下，我有一个mainframe, 里面包含两个子frame:frame1,frame2,它们共用到了一个Test.js!

 

代码
  1. <head>  
  2.   <script src="Test.js"></script>  
  3. </head>  
  4. <frameset rows="50%,50%">  
  5. <frame name="frame1" src="frame1.html"></frame>  
  6. <frame name="frame2" src="frame2.html"></frame>  
  7. </frameset>  
<script type="text/javascript">render_code();</script>

 

 

代码
  1. Test.js   
  2. function Init(parameter1,parameter2){   
  3.    this.parameter1 = parameter1;   
  4.    this.parameter2 = parameter2;   
  5. }   
  6.   
  7. Init.add = function(){   
  8.   return new Init(this.parameter1 + this.parameter2);   
  9. }  
<script type="text/javascript">render_code();</script>

 

我现在分别在fram1和frame2中调用了Test.js中的Init函数, 并输出变量c和c1,
页面上显示：[object Object] ,　前问此object和彼Object有什么区别吗？

代码
  1. frame1:   
  2. <SCRIPT>  
  3.   var c = new top.Init(1,2)   
  4.   alert("frame1 : "+c);   
  5.   document.writeln(c);   
  6. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

 

代码
  1. frame2:   
  2.  <SCRIPT>  
  3.    var c1 = new top.Init(2,1);   
  4.     alert("frame2 : " + c1.Add);   
  5.     alert("frame2 : " + c1);   
  6.     document.writeln(c1);   
  7. </SCRIPT>  
<script type="text/javascript">render_code();</script>

 

 
 
MPU
关注
专栏目录
【前端之旅】JavaScript进阶笔记
孙不坚1208
09-25 1322
JavaScript进阶笔记
前端之JavaScript进阶篇
Queen_is_king的博客
07-30 1231
随着我们深入的学习JavaScript，我们知道了使用JavaScript可以增加行为，为网页添加动态效果，使我们做出来的网页更加好看。让我们去进入JavaScript的新境界吧！JavaScript能做什么？JS进阶篇学习什么？在JavaScript入门篇中，我们学习了如何插入JS、输出内容及简单的DOM操作，JavaScript进阶篇让您进一步的了解JS的变量、数组、函数、语法、对象、事件、DOM操作，制作简单的网页动态效果。什么是变量? 从字面上看，变量是可变的量；从编程角度讲，变量是用于存储某种/某
JavaScript进阶
xmq119729的博客
07-09 1281
防抖：类似于王者中的回城操作，中间有操作就会重新计时节流：类似于王者中的技能，技能发动一次，如何在冷却时间时候点击无效。
JavaScript—进阶篇
weixin_44595042的博客
03-10 2672
JavaScript—进阶（笔记）第1章 系好安全带,准备启航1-1 让你认识JS 简介： 做为WEB攻城师必备技术JavaScript，本课程从如何插入JS代码开始，学习JS基础语法、语法、函数、方法等，让你掌握JS编程思路、知识的使用等，实现运用JS语言为网页增加动态效果，达到与用户交互的目的。 课程须知： 您至少掌握HTML+CSS基础知识 学习内容： 通过JavaScript学习，掌握基本...
JavaScript进阶部分知识总结
guai_guai_guai的博客
04-22 1007
局部作用域分为函数作用域和块作用域。
javascript进阶之基础篇一： 变量与赋值
大道至简 知易行难
08-03 2722
JavaScript 变量: 变量是存储信息的容器。JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。 1、JavaScript变量的命名规则： .变量必须以字母开头 .变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做） .变量名称对大小写敏感（y 和 Y 是不同的变量 2、JavaScript变量的声明： 变量是通过var关键字声明的，未使用
Javascript进阶之栈溢出
tangmeng1988的博客
08-08 864
栈帧（Stack Frame）是内存中用于存储函数调用信息的区域。每当一个函数被调用时，系统都会为其分配一块内存来存储函数的局部变量、参数、返回地址等信息。系统的栈空间是受限于资源的，如果函数调用层次过深，栈空间就会被占满，这就是栈溢出（Stack Overflow）问题。本文讨论了最简单的避免栈溢出的策略：迭代替代递归。
javascript进阶
u012536120的博客
08-13 541
【背景】 工作是用VS，感觉太笨重，随便安装下就10G+，后来接触了JS，python这些只用几M的解释型语言，就很喜欢。 后来看过很多JS的教程，包括w3cschool的教程、JS权威指南、JS语言精粹...... 写得不好，感觉没有说到点子上（仅代表个人感受） 最近看了《JavaScript启示录》英文版的。跟我们平常看的语法书思考角度不同，有一些【进阶】意义，所以就想把里面的一些东西...
JavaScript进阶（一）变量声明提升实例分析
10-15
JavaScript中的变量声明提升（Hoisting）是编程时需要理解的关键概念。它涉及到JavaScript引擎在代码执行之前如何处理变量和函数的声明。在JavaScript中，`var`、`let`（ES6引入）和`const`（同样在ES6中引入）...
javascript进阶版纯手写课件
04-09
### JavaScript进阶知识点详解 #### 1. 函数防抖与节流 在JavaScript中，函数防抖（debounce）和节流（throttle）是两种常见的性能优化手段，主要应用于处理高频触发的事件。 **防抖**技术是通过设置一个延时器，...
JavaScript进阶：JS的全局变量和全局函数.docx
07-05
全局变量和全局函数是JavaScript中两个基础且重要的概念。 全局变量是在函数外部声明的变量，可以在整个程序的任何地方被访问。它们在程序开始执行时被创建，并在整个程序生命周期内存在。JavaScript的全局变量有三...
Javascript 面向对象的JavaScript进阶
08-13
### JavaScript面向对象进阶知识点详解 #### 8.1 面向对象编程的基本特性 在探讨面向对象的JavaScript之前，我们首先需要了解面向对象编程（Object-Oriented Programming, OOP）的基本特性：封装性、抽象性、继承...
运行VUE项目运行时候的报错汇总
W3306698294的博客
09-21 96
上面的问题解决问题：【在npm install 后面加 --legacy-peer-deps，就可以解决了】
文件系统设计 - 开发文件系统 Store (上篇)
qq_44746132的博客
09-21 236
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
Babel
小秀的博客
09-20 506
它的主要作用是为了确保在不同浏览器和环境中运行 JavaScript 代码时保持一致的行为，尤其是提供对较新 ECMAScript 特性（如 Promise、Symbol、Object.assign 等）的支持。随着 JavaScript 标准不断更新，新的特性和功能被添加，但并不是所有的浏览器都能及时支持这些新特性。core-js 通常与 Babel 一起使用。core-js 是模块化的，这意味着开发者可以按需引入自己需要的 polyfill，而不是全部引入，这不仅能减少代码体积，还有助于提高性能。
vue复制信息到粘贴框
最新发布
程序员一枚，仅记录工作中的难点
09-21 129
main.js文件引入。
基于Vue 3组合函数的分页、搜索与排序实践 —— nbsaas-boot项目的实际应用
nbsaas-boot基于Request-Response的企业级快速开发框架
09-17 1587
Vue 3的组合函数是用于封装功能逻辑的一种模式。与Vue 2的选项式API不同，组合函数允许开发者将组件逻辑集中封装在独立的函数中，便于在不同的组件间共享。在大型项目中，像这样的电商系统，组件往往需要实现复杂的数据交互逻辑，例如分页、搜索、排序等功能。如果将这些功能重复写在多个组件中，代码将会变得臃肿且难以维护。组合函数可以有效解决这一问题。
JavaScript进阶：变量提升与call、apply、bind解析
在这部分进阶的JavaScript题目中，我们将深入探讨变量提升、bind、call和apply的区别以及如何实现一个bind函数。这些概念对于深入理解JavaScript的工作原理至关重要。 1. 变量提升（Hoisting） 在JavaScript中，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值