js种声明变量的6种方式

文章类型:Javascript

发布者:test

发布时间:2023-03-28

在开发过程中,需要声明变量,今天总结一下声明变量的方式

一:用var,会挂载在window上,作用域是全局或者函数级的

var a ;  //undefined

var b = 1;

二:用function,只有在调用后通过返回的方式获取变量的值

function add(a) {

  var sum = a + 1;

  return sum;

}

三:用const,变量必须初始化且不可修改(对象除外,引用类型),变量为全局变量,或者模块内的全局变量

const a;     //报错,必须初始化

const b = 1;

四:用let,不存在变量提升,不允许重复声明,作用域存在块级中,对外部无影响,可在声明时赋值也可在脚本中赋值

let a;  //undefined

let b = 1;

五:用class,一种语法糖,constructor方法就是构造方法,this关键字则代表实例对象

class Interest {

constructor( x, y ){

this.x = x;

this.y = y;



}

MyInterest(){

let arr = [];

console.log(`我会${[...arr,this.x,this.y]}!`);

}

}

六:用import,用于加载文件,接受一个或者多个变量名(变量名需要于导入的相同)

import { NewButton as Button } from 'action.js';