Các biến là một khái niệm cơ bản về chiều dài của chương trình. Trong JavaScript, puedes khai báo các biến usando las palabras clave var
, const
o let
.
En este artículo, aprenderás por qué usamos các biến, cómo usarlas y las diferencias entre const
, let
y var
.
Bạn có muốn sử dụng các biến trong JavaScript không?
Trong ngữ cảnh của chương trình, dữ liệu con trai của thông tin được sử dụng trong các chương trình thông tin mới nhất. Ví dụ, tên của người sử dụng trên Twitter là một dữ liệu.
Gran parte de la programación se trata de manipular o mostrar data. Để làm điều này, các lập trình viên cần phải có cách thức bảo vệ dữ liệu của nhà đăng ký. Vamos a demostrar esto con un ejemplo.
Primero abriremos nuestra console de JavaScript. Để tắt bảng điều khiển JavaScript trên Chrome, bạn có thể sử dụng bàn phím Ctrl + Shift + J trên Windows và Linux. Đối với Mac, sử dụng Cmd + Option + J.
Una vez la consola esté abierta, piensa en la edad fact de tu perro o gato (o cualquier numberero similar si no tienes mascotas) và kỹ thuật số en la consola.
4
Chà, bạn có biết câu hỏi giới thiệu của bạn là một số khác không? Tendríamos que escribirlo por segunda vez.
Cần phải có một cách giới thiệu dữ liệu đặc biệt này để bạn có thể sử dụng lại chương trình mới nhất.
Giới thiệu các biến en JavaScript
Một sự tương tự hữu ích cho các biến số giống như các nghi thức đối với giá trị hiện tại. Piensa en uncontenedor de arándanos with a etiqueta que dice ‘arándanos’. En este ejemplo, la variable arándanosseñala hacia un valor, que son los mismos arándanos.
Khai báo một biến, edad
, y usemos el operador de asignación (signo igual) para asignar nuestro valor, 4, a esta variable. Usaremos la palabra clave var
.
var edad = 4
Các biến có thể là một cách để các lập trình viên le dan nombre a un valor para poder reusarlo, realityizarlo or simplemente register. Các biến có thể được sử dụng để bảo vệ các loại dữ liệu trong JavaScript.
Ahora que hemos assignado este valor a la variable edad, podremos referirnos a este más adelante. Si escribes ahora la variable edad en tu consola, esta te devolverá el valor de 4.
Có thể sử dụng palabra clave var en JavaScript
Las palabras clave en JavaScript son palabras reservadas. Cuando usa la palabra clave var
điều này khiến JavaScript phải khai báo một biến.
người dùng var
, các biến las pueden ser resignadas. Demostraremos esto primeramente tuyên bố một biến số mới, nombre, y asignándole el valor de Madison.
var nombre="Madison"
Luego, resignaremos esta variable para que apunte al valor de un nombre diferente, Ben.
nombre="Ben"
Ahora, si ejecutas console.log(nombre)
thu được kết quả của Ben.
Al usar la palabra clave var
các biến las también pueden ser declaradas sin valor inicial.
var año
Aquí hemos definido la biến año
, pero esta no apunta hacia ningún valor. Ngoài ra, nếu bạn muốn có một chút giá trị, bạn có thể sử dụng người điều hành được chỉ định để ghi nhật ký.
año = 2020
Ahora nuestra biến año apuntará al valor 2020.
Cuối cùng, JavaScript được tạo ra bởi lần đầu tiên, cách khai báo một kỷ nguyên thay đổi với la palabra clave var
.
En lasactizaciones recientes JavaScript (ECMAScript2015), const
y let
fueron creadas como otras palabras clave para khai báo các biến.
Para explicar por que eran necesarias, veremos los problemsas que tiene var
. Với mục tiêu quan sát là một vấn đề, bạn có thể xem đó là Phạm vi.
¿Qué es el Scope?
El bombito (Phạm vi) sẽ giới thiệu các lugares trong nuestro código và không có biến nào được cho là có thể sử dụng được cho người sử dụng. Cuando una biến tiene un hấpbito toàn cầu, significa que está disponible en cualquier lugar de tu programa. Veamos một ví dụ.
Toma el siguiente bloque de codigo y pégalo en tu consola.
var nombre="Madison"
function imprimirNombre() {
console.log(nombre)
}
imprimirNombre()
Aquí hemos creado y llamado una función, imprimirNombre
que imprimirá el valor de la variable nombre, Madison
. Verás eso impreso en tu consola.
Debido a que nuestra variable fue creada por fuera de la función, tiene alcance global. Ý nghĩa quan trọng nhất của việc bạn được ủy quyền cho một phần của người có nhu cầu, bao gồm cả chức năng của người yêu cầu. Es por eso que la función, imprimirNombre
tiene acceso a la variable nombre.
Vamos ahora đã tạo ra một biến số mà tôi đang cân nhắc về chức năng. Ý nghĩa quan trọng nhất của việc đơn lẻ biến đổi sẽ có thể gia nhập chức năng của nó và nhiên liệu được tạo ra. Este siguiente ejemplo será muy similar al código anterior, pero con un posicionamiento differente de la variable.
function imprimirAño() {
var año = 2020
}
console.log(año)
Ahora nos saldrá un error en la consola: año is not defined
(año no está definida). Esto es porque la variable año tiene alcance de función. Đó là quyết định, một mình tồn tại trong chức năng trong nguồn sáng tạo cuối cùng. máy bay ném bom console.log
bạn có ý định gia nhập một biến số desde afuera de la función, donde no tenemos acceso.
Các biến có liên quan đến sự cân bằng của chức năng con trai hữu ích của các lập trình viên vì tính tự nhiên thường xuyên tạo ra các biến mà bạn chỉ cần hoặc cần thiết trong chức năng của hệ thống. Tạo các biến toàn cục và không có khả năng tạo ra các lỗi hoặc lỗi.
Ahora que tenemos un entendimiento básico de lo que el alcance, podemos volver a nuestra Discussion acerca de los problemsas que tiene la palabra clave var
.
Vấn đềmộtS con la palabra clave var vi JavaScript
Veamos otro ví dụ.
Crearemos una biến, edad
. Luego escribiremos una sentencia nếu que verifique si edad tiene algún valor y, si lo tiene, que devuelva un console.log
del numberero que sea el double de la edad.
Este là một ví dụ đơn giản hóa, nhưng trước hết bạn có thể xem xét lại và làm cho nó trở thành một giá trị của những người được coi là có giá trị nhất.
var edad = 27
if (edad) {
var dobleDeEdad = edad + edad
console.log(`El doble de tu edad actual es ${dobleDeEdad}`)
}
Ahora en la consola verás El doble de tu edad actual es 54
.
biến Nuestra, dobleDeEdad
, es ahora una biến toàn cục. Si nhập dobleDeEdad
en tu consola, verás que tienes acceso a ella.
dobleDeEdad
54
Đài thiên văn Como podemos, dobleDeEdad
está ahora disponible en cualquier parte de nuestro codigo. La biến dobleDeEdad
không có nhiên liệu khai báo trong chức năng ninguna. En consecuencia, ha sido creada con alcance toàn cầu.
El problema es que dobleDeEdad
solo es una variable que usamos una vez dentro de nuestra sentencia nếu, la cuál no necesitamos que esté disponible en todo nuestro código. Se ha ‘filtertrado’ fuera de la Sentencia en la que fue creada, incluso si no necesitábamos que eso sucediera.
var edad = 27
if (edad) {
//Necesitamos que var dobleDeEdad exista solamente en este bloque de código dentro de las llaves
var dobleDeEdad = edad + edad
console.log(`El doble de tu edad actual es ${dobleDeEdad}`)
}
dobleDeEdad
54
//Nuestra var dobleDeEdad está disponible por fuera de estas llaves, en el ámbito global
Sería bueno que tuviésemos una manera de crear una variable que *solo* tồn tại trong tình cảm nếu en donde fue creada. En otras palabras, el bloque de codigo que tồn tại trong las llaves.
var edad = 27
if (edad) {
//Queremos que nuestra variable solo exista aquí, donde la usaremos
var dobleDeEdad = edad + edad
console.log(`El doble de tu edad actual es ${dobleDeEdad}`)
}
Para ayudar một người giải quyết vấn đề này, las palabras clave const
y let
fueron giới thiệu một JavaScript.
Cómo usar la palabra clave hăng sô vi JavaScript
const
chức năng tương tự a var
pero con unas cuantas diferencias grandes.
thủ công, const
tiene alcance de bloque, mientras que var
tiene alcance de función.
¿Qué es un khốixếp hàng?
bỏ khốixếp hàng se referiere a cualquier espacio que esté entre llaves de apertura y cierre. Esto puede parecer gây nhầm lẫn về nguyên tắc. Escribamos nuestro ejemplo anterior, pero esta vez usando const
en vez de var
khai báo biến nuestra dobleDeEdad
.
var edad = 27
if (edad) {
const dobleDeEdad = edad + edad
console.log(`El doble de tu edad actual es ${dobleDeEdad}`)
}
Ahora ghi chép dobleDeEdad
en tu consola y presiona Enter. Te debería arrojar un error, dobleDeEdad is not defined
( dobleDeEdad
không được xác định). Esto es porque const
tiene alcance de bloque: solo tồn tại trong bloque donde fue definida.
La biến dobleDeEdad
đó là ‘atrapada’ trong cửa sổ khẩu độ y tế. El codigo que está dentro de dichas llaves si puede acceder a dobleDeEdad
pero ningún código fuera de estas lo puede hacer.
người dùng const
en vez de var
, vấn đề mới nhất trước đây là giải pháp. biến Nuestra dobleDeEdad
ya no se está ‘filterndo’ en nuestro obbito global innecesariamente. Trong cambio, solo này có thể được phân phối trong khối có màu đỏ do nhiên liệu được tạo ra.
¿Có những biến chức năng nào với khối dữ liệu trong ngữ cảnh của các chức năng? Para aprender sobre esto, vamos a crear y luego llamar a una función, devuelveX
.
function devuelveX() {
const x = 1
return x
}
devuelveX()
Al llamar a la función devuelveX
podemos ver que esta devuelve el valor de x, que es 1.
Si luego escribimos x
la consola arrojará referenceError: x is not defined
(Lỗi giới thiệu: x no está definida). Esto es porque las funciones también con coidas como bloques, lo que quiere decir que nuestra const x
solo tồn tại trong chức năng.
Lo siguiente que debes saber sobre const
es que solo se puede declarar una sola vez. Escribe este código en la consola:
const y = 1
const y = 2
Deberías ver un lỗi, Identifier 'y' has already been declared
(Người nhận dạng ‘y’ ya ha sido declarado).
Esta es la diferencia entre va
ry const
. Mitras que const
arroja un error, haciéndote sabre que ya has declarado esta variable, la palabra clave var
không.
var x = 1
var x = 2
La biến x
señalará hacia el valor 2
lỗi lầm tội lỗi. Điều này có thể gây ra lỗi cho một lập trình viên như một người lập trình, nhưng điều quan trọng là tôi không cần phải gán cho một biến mới có giá trị. Entonces, sử dụng const
Tuy nhiên, có thể bạn đã nhận ra một sai lầm khi giao dịch lại là một biến ngẫu nhiên.
Esta es una fortaleza de la palabra clave const
Bạn đã giới thiệu nó như một cách đơn giản để tạo ra các biến trong JavaScript. Tội lỗi cấm vận, ¿qué pasa en los casos cuando sí quieres factizar el valor de tu variable?
Veamos un ejemplo en donde querríamos hacer eso.
Khai báo một biến adulto
con valor false
. También crearemos una biến edad
lừa đảo 20
.
const adulto = false
const edad = 20
Digamos que queremos revisar la edad del usuario y cambiar el valor de nuestra variable adulto a verdadero si la edad está por encima de 18. Podemos escribir una sentencia para hacerlo.
if (edad > 18) {
adulto = true
}
¿Qué pasa cuando ejecutamos este código?
Aquí veremos Error: Assignment to constant variable
(Lỗi: gán một hằng số biến).
Esto es porque, en concordancia con las reglas de const
, không có podemos xoay vòng một biến khai báo esta. Debido a que nuestra biến adulto
ya está apuntando al valor false
không có podemos hacerle apuntar a algo hơn.
Si imprimimos adulto
de nuevo, podemos ver que se mantuvo igual y contiene el mismo valor de false
.
Không có biến podemos resignar nuestra adulto
lo que significa que const
đây là chức năng của một người đặc biệt. Tội lỗi cấm vận, ¿qué pasa si queremos chuyển nhượng lại biến esta?
Người lập trình tự nhiên có thể xoay vòng khai báo các biến sus.
Aquí es donde nuestra tercera palabra clave, let
dâng trào.
Cómo usar la palabra clave để cho en JavaScript
Primero Revmos như let
tương tự như vậy const
.
Let
chào const
, tiene alcance de bloque. Si reemplazas const por let en nuestro ejemplo previo de dobleDeEdad
funcionaría igual.
cấm vận tội lỗi, let
là khác biệt const
de un modo cơ bản. Las biến declaradas con la palabra clave let
pueden volver a ser declaradas, a diferencia de const
. Lặp lại một ví dụ.
Usando nuestro mismo ejemplo previo, reemplaza const por let. Mantendremos nuestra biến edad
như một const
con el valor de 20
.
let adulto = false
const edad = 20
if (edad > 18) {
adulto = true
}
Ahora si escribimos adulto
en vez de recibir un error como se genó anteriormente, ahora verremos el resultado true
.
Al usar la palabra clave let
hemos realityizado nuestra variable para que apunte al valor de true
giống như câu hỏi. Algunas veces en programación, necesitaremos thực tế một phụ thuộc biến dữ liệu ciertos que recibamos. Sử dụng Podemos let
para logar esto.
Phần kết luận
Sau đó, các biến được sử dụng để đăng ký và sử dụng lại dữ liệu trong chương trình thông tin mới nhất. El alcance (Phạm vi) se refiere al lugar en nuestro código donde las các biến están disponibles para su uso.
Las biến se pueden khai báo usando var
, const
o let
. var
tiene alcance de función, mientras que const
y let
tienen alcance de bloque. biến las const
không có pueden ser resignadas, mientras que las biến let
si pueden serlo.
var
, const
y let
có thể gây nhầm lẫn về nguyên tắc. Cho dù bạn có ít hướng dẫn khác nhau theo cách tôn trọng, vì nó giống như một también cho rằng bạn có khả năng tốt hơn để tạo ra các phương pháp khác nhau cho người tiên đoán về mục tiêu của bạn.
Tener una base solida de var
, const
y let
te ayudará no solo al nguyên tắc viết JavaScript, sino también a lo largo desta.
¡Gracias por leer!
Nếu bạn thích thú với việc xuất bản, hãy đăng ký danh sách bản sửa lỗi của tôi và không ghen tị với các bài báo cuối cùng và thông báo về các buổi gặp mặt cho câu lạc bộ thư viện của bạn.
Si tienes feedback o preguntas sobre este post, puedes twittearme a @madisonkanna.
Traducido del artículo Biến JavaScript – Hướng dẫn cho người mới bắt đầu về var, const và let de Madison Kanna