Heim > Web-Frontend > js-Tutorial > Hauptteil

JavaScript中const、var、let定义变量的区别

php是最好的语言
Freigeben: 2018-08-09 11:40:55
Original
1495 Leute haben es durchsucht

1、const声明的是一个常量(const指向的值是不变,所以必须初始化,不然会报错,而var和let指向的值是可变的可以重新赋值,可以不初始化

        正确写法:const h = 'nnnn';

        错误写法:const h;

2、var和let声明的都是变量,两者区别在于作用域

    (1)、var

            例1:

function fun(){
        	var a=5;
        	console.log(a);
 }
Nach dem Login kopieren

注:放在函数内则为局部变量,变量a只能在函数fun()内使用,否则会报错

例2:

  • hahah1
  • hahah2
  • hahah3
  • hahah4
  • Nach dem Login kopieren
    var li =document.getElementById('p').getElementsByTagName('li');
            for(var i = 0; i < li.length; i++) {            
                li[i].onclick =function(event) {
                    console.log('li : '+i+'  '+this.innerHTML);
                }
            }
    Nach dem Login kopieren

    注:例2中,为全局变量,所以每次点击都对应同一个i

    1.png

    (2)、let是声明一个作用域被限制在块级中的变量、语句或者表达式

    例如:

    var li =document.getElementById('p').getElementsByTagName('li');
            for(let i = 0; i < li.length; i++) {            
                li[i].onclick =function(event) {
                    console.log('li : '+i+'  '+this.innerHTML);
                }
            }
    Nach dem Login kopieren

    注:该地方的i只能在for循环语句块使用

    1.png

    相关推荐:

    js中var、let、const三者的用法区别

    js中const,var,let区别

    Das obige ist der detaillierte Inhalt vonJavaScript中const、var、let定义变量的区别. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage
    Über uns Haftungsausschluss Sitemap
    Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!