QuikieApps

反应变量声明:关于它的所有定义

关于React变量声明的简介:

 反应 JS是用于创建用户界面的说明性UI库。它是一个开放源代码的javascript库,用于为Web应用程序和本机应用程序构建高端响应UI,可以使用设备中存在的Web浏览器应用程序进行访问。 反应 JS允许构建处理其自身位置的汇总组件。它提供了更简单的编程模型和出色的性能。 反应 JS用于在React Native Extension的帮助下创建Web应用程序甚至移动应用程序。全部由Facebook管理。从创建组件到导入和导出,所有这些共同使之有效。 反应JS以其性能而闻名,借助虚拟DOM概念,组件的渲染变得更快。现在,由于底层的XML或HTML语法,ES6的强大功能和虚拟DOM技术使React成为目前最好的前端库之一。

 

有哪些变量?

 反应 JS中的变量包含可重用的数据。它用于以语言为基础存储数据,并用作数据值的容器。 JavaScript中的变量表示为var,let和const。称为ES2015(ES6)的JavaScript新版本允许使用 const。当值不更改时使用“ const”,如果值更改则显示错误,如果值将更改则使用“ 让”。

它可以分为三个不同部分:

在此,变量将在其相关范围内输入。变量的范围是“可以使用变量的位置”。

 

例。

变种 x;

变种 car;

变种 glass;

 

它在声明变量后发生。在这里,变量由JS引擎赋予值或内存,例如 未定义。变量初始化有两种类型,显式和隐式。当变量在声明语句中具有给定值时,将进行显式初始化。当变量在处理过程中具有给定值时,就会发生隐式初始化。

 

这是使用变量时的重要步骤。在这里,我们使用标准JS数据类型作为值,例如 –存储诸如“ Hi”之类的文本

布尔值 存储状态为true或false的值

, 空值,未定义.

 

变量命名规则

例如 :var color =“红色”;

const _numberOfTimes = 100

是ReactJS中的有效声明

例如 :2big或#color

是ReactJS中的无效声明

例如:var const

const包括

因为“ const”和“ include”在ReactJS库中保留,并且有各自的用途。

例如:var newColour =“蓝色”

变种 Newcolour =“绿色”

是两个具有不同或相同值的不同变量。

 

价值的容器

变量是存储一些值的容器,以后可以使用它们的容器名称在脚本或代码中访问这些值。

反应JS允许三种类型的容器来存储值。

  1. 变种
  2. const

 

使用“ 变种”声明变量

变种 关键字用于声明函数范围的变量或全局范围的变量。

句法:

变种 name1,name2,…….;

 

函数作用域变量是一个变量,它可以在函数内部访问,而在函数主体外部没有引用。

例如 :

函数foo(){

变种 x = 10; //数字类型

console.log(x); //打印“ x”的值

}

foo();

console.log(x); //错误

 

全局作用域变量是一个全局变量,任何函数或文件的任何部分均可访问。

例如 :

变种 x = 10;

函数foo(){

console.log(x); //打印“ x”的值

}

foo();

console.log(x); //打印“ x”的值

 

声明不带var关键字的变量可使变量成为全局变量,而不管其报告位置。因此,建议不要以这种方式声明变量,因为它们可能会覆盖另一个全局变量的值。

 

使用“ 让”声明变量

声明块作用域局部变量。我们可以在一行中声明多个变量,这也适用于其他类型。

声明语法如下:

让var1,var2,……..;

这些变量的初始化是可选的。

 

块作用域是条件语句(如if和switch)和循环(如for和while)中的区域。

与var不同,在声明之前访问let变量将引发错误。他们没有初始化为 “未定义”。

 

例如:

令x = 1;

函数foo(){

令x = 3;

console.log(x); //打印3

}

foo();

console.log(x); //打印1

 

例如 :

让x;

console.log(x); //错误,因为未给X赋值

 

使用“ const”声明变量

const 用于在ReactJS中声明常量。就像名称一样,react变量声明是常量,并且一旦分配了引用(不是值),就不应在应用程序的整个运行状态中对其进行更改。常数就像块一样 。同样,不能重新声明常量。

const 关键字未定义常量值,而是对值的常量引用。

句法 :

const name1 = value1,name2 = value2,…;

例如 :

const myBirthDate = 1; //正确

const notMyBirthDate;

notMyBirthDate = 2; //不正确

 

例如 :

const x = 5;

x = x + 7; //错误

 

const 还允许在一行中声明多个React变量。但是唯一的陷阱是,必须仅在那时向每个声明提供值。

例如:

常量NUM = 6,值= 10; //正确

 

功能组件内部的变量

由于ReactJS提供了功能组件,因此它们还包含多个React变量和常量的声明。 反应JS变量中功能组件的最显着特征是它们在JSX中的用法不需要​​与“ this”关键字绑定。也就是说,在访问功能组件内部存在的任何状态,属性,常量或变量之前,我们无需使用“ this”关键字。

 

例如 :

函数Car(){

const myColor =“红色”;

返回<h2>嗨,我也是{myColor}汽车!</h2>;

}

类组件内部的变量

反应JS还提供了基于类的组件,但是要访问类内部的变量,属性,状态或常量,需要在变量之前使用“ this”关键字。

例如 :

Car类扩展了React.Component {

constructor(){

超();

this.state = {color:“ red”};

}

render(){

返回<h2>我是{this.state.color}汽车!</h2>;

}

}

 

结论

这样,我们可以利用ReactJS变量声明的知识以及在我们的应用程序中使用它们的有效方法。

 

 

Exit mobile version