說社群要玩的有花樣有創(chuàng)意，才能吸引住粉絲。

怎么就叫有花樣呢？

當(dāng)然是我們這幾天都在分享的HTML玩法！

社群借助HTML5在促進(jìn)粉絲互動(dòng)，增強(qiáng)黏性有很大的作用：

1. 借助HTML5，促進(jìn)用戶的參與感

社群需要互動(dòng)，游戲是最好的手段。

所以，品牌就應(yīng)該定期推送一些HTML5小游戲，以此吸引用戶的注意力。

而最重要的，則是有分享機(jī)制：

用戶得了多少分，可以一鍵分享至朋友圈之內(nèi)，最好還能顯示出在好友中名列第幾，這樣會(huì)大大激發(fā)用戶參與的激情。

提升互動(dòng)的同時(shí)，內(nèi)容也應(yīng)當(dāng)符合社群的文化氣質(zhì)，盡可能精美細(xì)致。

要知道，HTML5技術(shù)融合了圖片、文字和視音頻等多種功能，很容易吸引社群用戶的關(guān)注，并進(jìn)行轉(zhuǎn)發(fā)分享。

如果這個(gè)內(nèi)容還與品牌相符，那么就會(huì)取得更好的效果。

案例：

可口可樂曾憑借著HTML5技術(shù)，將品牌的“可持續(xù)發(fā)展報(bào)告”這種厚重的內(nèi)容，變成了非常有趣的畫冊(cè)。

選取報(bào)告中的部分核心數(shù)據(jù)，共十五頁畫面，直觀展現(xiàn)可口可樂的努力，變成適應(yīng)網(wǎng)絡(luò)傳播特點(diǎn)、特別是移動(dòng)端觀看及分享需求的形式。

這種生動(dòng)有趣的展示，讓可口可樂社群產(chǎn)生了熱烈的討論，并引發(fā)眾多用戶紛紛轉(zhuǎn)發(fā)。

2. 借助多樣性與可拓展性，迎合營銷需求

單純的游戲能夠調(diào)動(dòng)社群用戶的參與，但如果沒有品牌的植入，那么它就不能給社群用戶帶來更深層次的品牌印象。

所以，借助HTML5的多樣性和拓展性，讓品牌也成為游戲的一部分，這才是真正的高明手段。

通過游戲，社群用戶即產(chǎn)生了強(qiáng)烈的互動(dòng)，同時(shí)也對(duì)品牌的特質(zhì)、文化有了更深的了解，這對(duì)品牌的傳播會(huì)起到非常好的作用。

高級(jí)社群是這樣煉成的：深化社群文化+創(chuàng)造細(xì)分社群

社群也有三觀？粉絲：這樣的社群給我來一打

社群富媒體化：內(nèi)容富，社群富

言

今天這篇文章整理了幾道常見的Javascript筆試題，這些題目看似簡單，但一不注意就會(huì)出錯(cuò)，來看看你都會(huì)做嗎？

Javascript

題目1-typeof和instanceof

我們都知道typeof是用于檢測(cè)一個(gè)變量的數(shù)據(jù)類型的，instanceof是用于判斷某個(gè)變量是否是指定類型的實(shí)例。

我們來看看下面的代碼。

題目1

在Javascript中Null作為一種單獨(dú)的數(shù)據(jù)類型，其類型只有一個(gè)值null。Null是一個(gè)特殊的Object類型，因此在typeof null時(shí)，返回的是‘object’。

既然typeof null返回的是object，那么null instanceof Object是不是就返回true呢？結(jié)果是否定的。

由于Null的特殊性，null值的產(chǎn)生并不是通過Object原型鏈的，通過Object類型的原型鏈不能追溯到Null值，因此null instanceof Object返回值為false。

題目2-reduce方法

第二道題是reduce方法與Math.pow()方法結(jié)合，確定輸出結(jié)果，代碼如下。

題目2

首先我們來看看reduce方法的使用，它的API如下。

recude方法

接收一個(gè)回調(diào)函數(shù)，對(duì)數(shù)組中的元素依次進(jìn)行處理，從參數(shù)名可以很容易看出previousValue為上一次計(jì)算結(jié)果的值，currentValue表示當(dāng)前處理值。

同時(shí)可選擇接收一個(gè)初始值initialValue，如果這個(gè)initialValue傳遞了，那么第一次調(diào)用回調(diào)函數(shù)時(shí)的previousValue就等于initialValue，如果沒有傳遞則previousValue就等于數(shù)組的第一個(gè)值。

理解上述的原則后，我們?cè)賮砜纯催@道題目。

題目2中的回調(diào)函數(shù)是Math.pow()，Math.pow(a, b)表示的是a的b次方。其中a就是reduce回調(diào)函數(shù)的previousValue，b就是currentValue了。

在第一段代碼中，沒有傳遞initialValue，則previousValue為3，currentValue為2，那么計(jì)算后是Math.pow(3, 2) = 9。

同理在第二次計(jì)算時(shí)，previousValue為9，currentValue為1，則計(jì)算結(jié)果時(shí)Math.pow(9, 1) = 9。

因此第一段代碼最終結(jié)果是9。

再來看看第二段代碼，不同于第一段的是它傳遞了initialValue為0，那么在進(jìn)行第一次計(jì)算時(shí)，previousValue為0，currentValue為3，則第一次計(jì)算是Math.pow(0, 3) = 0;

接下來進(jìn)行第二次計(jì)算，previousValue為上一次計(jì)算結(jié)果0，currentValue為2，則計(jì)算結(jié)果是Math.pow(0, 2) = 0;

同理最后一次計(jì)算，previousValue為0，currentValue為1，計(jì)算結(jié)果是Math.pow(0, 1) = 0;

因此第二段代碼最終結(jié)果是0。

題目3-Boolean與[0]

第三道題考察的是Boolean與[0]的用法，代碼如下所示。

題目3

代碼首先定義了一個(gè)變量a，為只有一個(gè)元素0的數(shù)組。

然后通過if語句判斷[0]是否為true，進(jìn)而輸出不同的值。

這道題的核心在于if語句中的返回結(jié)果，需要注意的是，if語句的判斷結(jié)果實(shí)際是利用了Boolean的構(gòu)造方法，看看利用Boolean的構(gòu)造方法能否將if語句中的值轉(zhuǎn)化為true。

根據(jù)Boolean構(gòu)造方法的定義，如果邏輯對(duì)象無初始值或者其值為 0、-0、null、""、false、undefined 或者 NaN，Boolean構(gòu)造方法會(huì)返回false，否則返回true。

從題目中我們可以看出if語句中的值為[0]，不滿足任何一個(gè)返回false值的條件，因此Boolean([0])=true，那么if判斷語句就進(jìn)入到true的判斷中。

那么就會(huì)執(zhí)行console.log(a==true)，注意這里的判斷并不會(huì)調(diào)用Boolean的構(gòu)造方法，而是直接比較[0]與true。

這個(gè)時(shí)候true會(huì)轉(zhuǎn)換為1，[0]會(huì)進(jìn)行隱式轉(zhuǎn)換，[0]會(huì)轉(zhuǎn)換為'0'，然后轉(zhuǎn)換為數(shù)字0，相當(dāng)于比較0與1的值。

很明顯0與1比較返回false，那么最終的結(jié)果是輸出false。

題目4

題目4主要考察的是算術(shù)運(yùn)算符與正負(fù)運(yùn)算符，題目代碼如下。

題目4

很多人看到這么多加減號(hào)，都以為這題目是不是出錯(cuò)了？其實(shí)是沒有問題的。

遇到這樣的題目，只要記住以下這點(diǎn)內(nèi)容：

• 在數(shù)字后面的第一個(gè)符號(hào)為算術(shù)運(yùn)算符加/減，其他加減號(hào)都是正負(fù)數(shù)轉(zhuǎn)換的運(yùn)算符。

第一行代碼可以拆分成這樣的內(nèi)容。

1 + (- + + + - + 1)

優(yōu)先處理后面括號(hào)中的值，其中的加減號(hào)表示正負(fù)數(shù)轉(zhuǎn)換的。

從右往左看，首先是+1，然后是負(fù)號(hào)-，變?yōu)?1，在連續(xù)三個(gè)正號(hào)+，還是-1，最后是一個(gè)負(fù)號(hào)-，變?yōu)?1。

其實(shí)最后計(jì)算就是1 + 1 = 2。

懂得這個(gè)原理后，我們直接看第三行代碼，拆分后變成這個(gè)樣子。

1 - (- + + + - - - - + + 1) + (1) + (- - - - + - 1)

對(duì)括號(hào)中的數(shù)優(yōu)先處理，第一個(gè)括號(hào)中得到的值是-1，第二個(gè)括號(hào)中得到的值是1，第三個(gè)括號(hào)中得到的值是-1。

所以實(shí)際的運(yùn)算是1-(-1)+1+(-1)=2。

題目5-arguments

在JavaScript中有一個(gè)arguments對(duì)象，表示的是傳遞給函數(shù)的參數(shù)對(duì)象，這道題目也與arguments有關(guān)。

題目5

我們來分析下上面的代碼。

• 定義一個(gè)函數(shù)，用于將數(shù)組的第三個(gè)元素值賦給第一個(gè)元素。

• 定義第二個(gè)函數(shù)，傳遞的參數(shù)先賦初始值，然后經(jīng)過第一個(gè)函數(shù)處理。

• 計(jì)算三個(gè)參數(shù)相加的和并返回。

在函數(shù)中arguments是直接代表該函數(shù)接收的參數(shù)列表的，上面的bar函數(shù)內(nèi)部的arguments實(shí)際就是[a, b, c]。

我們需要記住以下這條規(guī)則，在函數(shù)沒有接收變長參數(shù)(...擴(kuò)展運(yùn)算符)，默認(rèn)參數(shù)和結(jié)構(gòu)賦值等ES6的新特性時(shí)，arguments對(duì)象的值和參數(shù)的值是相互影響的。

因此第一個(gè)函數(shù)中將第三個(gè)元素值賦給第一個(gè)元素是生效的，那么c=10，a=10，b=1，所以最終結(jié)果返回21。

但是如果使用了ES6中的幾個(gè)新特性時(shí)，arguments對(duì)象的值和參數(shù)值是不會(huì)相互受影響的。

我們來看看以下的例子。

• 使用變長參數(shù)

只需要將上面的題目做簡單的修改，第一個(gè)函數(shù)的參數(shù)ary變?yōu)?..ary即可。

修改1-變長參數(shù)

使用變長參數(shù)后，對(duì)ary進(jìn)行修改，不會(huì)影響到原來函數(shù)的參數(shù)a,b,c的值，所以a=1, b=1,c=10，最終結(jié)果返回12。

• 使用默認(rèn)參數(shù)

同樣對(duì)以上原始題目做簡單的修改，對(duì)c使用默認(rèn)參數(shù)。

默認(rèn)參數(shù)

修改后的代碼中，給c設(shè)定默認(rèn)值為2。使用默認(rèn)參數(shù)后情況與上面一種一樣，最終的結(jié)果也是返回12。

• 使用解構(gòu)賦值

對(duì)以上代碼進(jìn)行簡單的改造，得到如下使用解構(gòu)賦值的代碼。

使用解構(gòu)賦值

同樣最終的結(jié)果返回12。

結(jié)束語

今天這篇文章講解了幾道JavaScript相關(guān)的題目，雖然代碼量都很少，但是理解起來卻不是那么容易，需要慢慢消化，希望今天的文章對(duì)你們有幫助噢~