建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
JavaScript具有許多經(jīng)常使用的功能。 但是，有些功能可能我們大多數(shù)人都沒(méi)有使用過(guò)。
成都創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括靈壽網(wǎng)站建設(shè)、靈壽網(wǎng)站制作、靈壽網(wǎng)頁(yè)制作以及靈壽網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái)，我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，靈壽網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶(hù)以成都為中心已經(jīng)輻射到靈壽省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶(hù)的支持與信任！
在本文中，我們將介紹其中一些功能以及可能的用例。
標(biāo)記模板文字
帶有標(biāo)簽的模板文字是處理模板字符串的函數(shù)。
它們經(jīng)常在React庫(kù)中使用，例如樣式組件庫(kù)。 此功能實(shí)際上很有用。
它使我們可以輕松地解析模板字符串文字。 它使我們可以使用函數(shù)來(lái)解析模板文字。
例如，我們可以按以下方式使用它：
- const tag = (strings, ...vals) => { console.log(strings); console.log(vals);}const name = 'foo';tag `Hi ${name}`;
在上面的代碼中，我們有he標(biāo)記函數(shù)和vals數(shù)組，該函數(shù)具有包含字符串的各個(gè)部分的字符串函數(shù)，該函數(shù)具有插值到字符串中的值。
在上面的示例中，我們有一個(gè)數(shù)組，其中'Hi'和''作為string的值。
在vals數(shù)組中，我們有'foo'。
我們可以使用它來(lái)返回要返回的對(duì)象。 例如，我們可以如下重寫(xiě)標(biāo)記函數(shù)：
- const tag = (strings, ...vals) => { return `${strings[0]}! ${vals[0]}`}
在上面的代碼中，我們從string和vals中獲取字符串的各個(gè)部分，并放入!。 在兩個(gè)表達(dá)式之間。
然后我們得到嗨! 返回值的foo。
逗號(hào)運(yùn)算符
逗號(hào)運(yùn)算符始終返回由逗號(hào)運(yùn)算符分隔的項(xiàng)目列表中的最后一項(xiàng)。
例如，我們可以按以下方式使用它：
- const foo = (1, 2, 3);
然后我們得到3。
它可以使用任何表達(dá)式，并且始終返回最后一個(gè)求值的表達(dá)式。
With
with運(yùn)算符絕對(duì)是我們不應(yīng)該使用的運(yùn)算符。 在嚴(yán)格模式下禁止使用。
該運(yùn)算符在語(yǔ)言中增加了一些性能和安全性問(wèn)題。 它用于擴(kuò)展語(yǔ)句的作用域鏈。
它的用法如下：
- with(expression) statement
要么：
- with(expression) { statement statement ...}
在上面的代碼中，我們圍繞expression創(chuàng)建了一個(gè)新范圍。
塊中的所有語(yǔ)句都將表達(dá)式作為父范圍。
例如，我們可以按以下方式使用它：
- const obj = { a: 1, b: 2, c: 3}
- with(obj) {
- console.log(a, b, c);
- }
在上面的代碼中，with塊內(nèi)的表達(dá)式都將相對(duì)于obj對(duì)象進(jìn)行范圍限定。
因此，a，b和c實(shí)際上是obj.a，obj.b和obj.c。
與with一樣，塊范圍變量在with塊之外不可用。
例如，如果我們有：
- const obj = { a: 1, b: 2, c: 3}
- with(obj) {
- console.log(a, b, c);
- let x = 1;
- }
- console.log(x);
如果嘗試在x上調(diào)用console.log，則在with塊之外引用x時(shí)，會(huì)出現(xiàn)錯(cuò)誤。
In
in運(yùn)算符對(duì)于檢查屬性是對(duì)象的一部分還是原型鏈中的任何原型非常有用。
如果該屬性在對(duì)象中或原型鏈中的任何屬性中，則返回true，否則返回false。
例如，如果我們具有以下類(lèi)結(jié)構(gòu)和對(duì)象：
- class Foo { constructor() { this.a = 1; }}
- class Bar extends Foo {
- constructor() {
- super();
- this.b = 2;
- this.c = 3; }
- }
- const bar = new Bar();
然后，如果我們記錄以下表達(dá)式的返回值：
- console.log('a' in bar);
- console.log('b' in bar);
- console.log('c' in bar);
我們認(rèn)為所有日志都是正確的。
這是因?yàn)閎ar以Foo實(shí)例作為其原型，并且in運(yùn)算符檢查對(duì)象本身及其原型的屬性。
因此，in bar也是如此。 如果我們只想檢查該屬性是否為非繼承屬性，則必須使用obj.hasOwnProperty方法，其中obj是沒(méi)有null原型的任何JavaScript對(duì)象。
結(jié)論
標(biāo)記的模板文字可用于將模板字符串轉(zhuǎn)換為所需的值。
逗號(hào)運(yùn)算符始終返回逗號(hào)分隔列表中的最后一項(xiàng)。
in運(yùn)算符檢查屬性是否在對(duì)象或其原型中。
是您的JavaScript代碼中不應(yīng)該包含的內(nèi)容。
標(biāo)題名稱(chēng)：您可能未使用過(guò)的JavaScript功能
網(wǎng)站鏈接：http://www.5511xx.com/article/dhchseg.html
