保持联系
印度班加罗尔
[电子邮件 protected]
电话:+91 8919786847
工作查询
[电子邮件 protected]
电话:+91 8919786847

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

关于React变量声明的简介:

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

 

What are the 变种iables?

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

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

  • 反应变量声明–

In 这个, the 变种iable is entered in its relatable scope. 的 scope of a 变种iable is “可以使用变量的位置”.

 

例。

变种 x;

变种 car;

变种 glass;

 

  • 变量初始化–

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

 

  • 变量分配–

这是使用变量时的重要步骤。在这里,我们使用标准JS数据类型作为值,例如 – store text such as “Hi”

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

, 空值, 未定义 .

 

Rules for naming 变种iables
  • 的 first 让ter must start with an underscore ( _ ) or with any 让ter. It should not start with a number or any other symbol

例如 : 变种 color = “Red”;

const _numberOfTimes = 100

是ReactJS中的有效声明

例如 :2big或#color

是ReactJS中的无效声明

  • 变量的名称不能与关键字的名称相同。

例如: 变种 const

const 包括

作为‘const’ 和 ‘include’是在ReactJS库中保留的,它们有各自的用途。

  • 变量区分大小写。这意味着‘apple’ 和 ‘Apple’在ReactJS中是不一样的。它们都引用不同的变量。

例如: 变种 newColour = “blue”

变种 Newcolour = “green”

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

 

价值的容器

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

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

  1. 变种
  2. const

 

使用声明变量‘var’

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

句法:

变种 name1, name2, …….;

 

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

例如 :

函数foo(){

变种 x = 10; // numeric type

console.log(x); //显示的值‘x’

}

foo();

console.log(x); //错误

 

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

例如 :

变种 x = 10;

函数foo(){

console.log(x); //显示的值‘x’

}

foo();

console.log(x); //显示的值‘x’

 

Declaring a 变种iable without the 变种 keyword can make the 变种iable global irrespective of where it has been reported. Hence it is recommended not to declare 变种iables in 这个 way as they may override another global 变种iable’s value.

 

使用声明变量‘let’

declares block-scoped local 变种iables. We can declare more than one 变种iable in a single line, 和 这个 applies to other types as well.

声明语法如下:

让 变种1, 变种2,…….. ;

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

 

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

Accessing the 让 变种iable before its declaration will raise an error as unlike 变种. 的 y are not initialized to ‘undefined’.

 

例如:

让 x = 1;

函数foo(){

让 x = 3;

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

}

foo();

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

 

例如 :

让 x;

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

 

使用声明变量‘const’

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

const 关键字不’t定义一个常量值,而不是对值的常量引用。

句法 :

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 =“red” ;

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

}

类组件内部的变量

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

例如 :

Car类扩展了React.Component {

const ructor(){

超();

这个.state = {color: “red”};

}

render(){

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

}

}

 

结论

In 这个 way, we can utilize the knowledge of 反应 JS 变种iable declarations 和 the effective way to use them inside our application.

 

 

作者头像
QuikieApps
//www.qinheli.com.cn/blog

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记 *

我们使用cookie为您提供最佳体验。