这篇看完我得理解ES6中中常见语法
目錄
前言
1let篇
1.1作用域
1.2變量提升
1.3相同作用域賦值
2const篇
3模板字符串篇
3.1傳統(tǒng)
3.2模板字符串復(fù)制
4擴(kuò)展運(yùn)算符篇
4.1傳統(tǒng)賦值
4.2擴(kuò)展字符串復(fù)制
前言
ES6是前端面試中常考查得知識(shí)點(diǎn)，還請(qǐng)大家不斷得去琢磨琢磨
let篇
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>for (var i = 0; i < 6; i++) {}console.log(i);</script></body></html>?
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>for (let i = 0; i < 6; i++) {}console.log(i);</script></body></html>作用域不同
var聲明的是全局變量，在函數(shù)內(nèi)未使用var聲明的變量自動(dòng)變?yōu)槿肿兞?br /> let 聲明一個(gè)塊級(jí)作用域的變量，有暫時(shí)性死區(qū)，
所謂暫時(shí)性死區(qū)就是（在聲明變量前使用變量就會(huì)報(bào)錯(cuò)）
變量提升現(xiàn)象
var聲明的變量會(huì)被提升到作用域頂部，并初始化為undefined,
let聲明的變量不會(huì)被提升到頂部，也未被初始化
相同作用域重復(fù)命名變量
var 聲明的變量是允許重復(fù)命名的，且后邊的會(huì)覆蓋掉前邊的變量
let 聲明的變量是不允許重復(fù)命名相同變量的let,會(huì)報(bào)錯(cuò)
const篇
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>const i = 200;console.log(i);i = 200;</script></body></html>const聲明一個(gè)只讀的常量，一旦聲明就不能改變，也就意味著聲明的時(shí)候就必須賦值， 不能像var那樣，留在以后賦值，否則就會(huì)報(bào)錯(cuò)，其他和let相同
模板字符串篇
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>let name = 'geyao'let age = 19str = "名字" + name + "年齡" + age;console.log(str);</script></body></html> <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>let name = 'geyao'let age = 19let str1 = `我的名字叫${name}我今年${age}歲`;console.log(str1);</script></body></html>擴(kuò)展運(yùn)算符篇
傳統(tǒng)復(fù)制
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>let arr = ['geyao']let arr1 = ['woshi']arr1 = arr.concat(arr1);console.log(arr1);</script></body></html>擴(kuò)展運(yùn)算符
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><script>let arr = ['geyao']arr.push(...[1, 2, 3])console.log(arr);</script></body></html>結(jié)尾
先說說常見得這幾種吧，后續(xù)有什么新得理解和體會(huì)在做補(bǔ)充，
最近沒啥靈感，等想到我在說故事。后面還有鉤子函數(shù)，module有時(shí)間再做說明
總結(jié)
以上是生活随笔為你收集整理的这篇看完我得理解ES6中中常见语法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java安装错误咋办_win7系统安装J
- 下一篇： 如何获取网络标准时间