快捷導(dǎo)航

JavaScript與ActionScript3兩者的同性與差異性

更新時間：2016年09月22日 09:55:38 作者：meteoric_cry

接觸JavaScript和ActionScript3也有近5年的時間了，它們都是應(yīng)用比較廣泛的腳本語言.接下來通過本文給大家介紹JavaScript與ActionScript3兩者的同性與差異性，感興趣的朋友一起學(xué)習(xí)吧

javascript和actionscript是基于什么標(biāo)準(zhǔn)的，大家知道嗎？

ActionScript 和 JavaScript 共享一個常用標(biāo)準(zhǔn)：ECMAScript。因此，如果您曾經(jīng)用 JavaScript 編寫過一個條件（“if 語句”）或迭代（“循環(huán)語句”），則您可以使用 ActionScript。記住 JavaScript 和 ActionScript 一樣是區(qū)分大小寫的。

先來看看二者的同性與差異性：

共同點(diǎn)：

a)、二者語法相似，都遵循ECMAScript標(biāo)準(zhǔn)（點(diǎn)擊查看ECMAScript5.1中文版）；

b)、均可在客戶端上運(yùn)行，是構(gòu)建RIA應(yīng)用的較為流行的編程語言；

差異：

a)、二者操作的顯示不同：JavaScript操作DOM對象，ActionScript3.0操作的是DisplayObject；

b)、運(yùn)行環(huán)境不同：JavaScript需要JavaScript引擎進(jìn)行解析、執(zhí)行，ActionScript3需要Adobe的flash player（AVM2）進(jìn)行解析；

c)、ActionScript3.0引入OOP概念，可使用extends實(shí)現(xiàn)繼承，而JavaScript只能使用基于原型的方式來實(shí)現(xiàn)；

d)、應(yīng)用的領(lǐng)域有所不同：JavaScript目前主要應(yīng)用于web頁面（PC端、手機(jī)終端等），而ActionScript3.0在網(wǎng)頁游戲上的應(yīng)用則比較多；

題外話（個人想法僅供參考）：單從報酬上來講，as3的浮動比js要大，如果你參與開發(fā)的一款網(wǎng)頁游戲月充值流水超過了五百萬（到各大頁游平臺上看看開服量，單服月充值按5~10W來算，如果開到100組，廣告成本頁游大概在2~15元/注冊人），一般獎金都還比較可觀（項(xiàng)目的前后臺主程可能多一些，分配比例各公司肯定有自己的協(xié)議）。但大多數(shù)“創(chuàng)業(yè)型”的小公司進(jìn)行網(wǎng)頁游戲開發(fā)，難以發(fā)展壯大，關(guān)門的居多，這就意味著風(fēng)險較高。而招前端的，大公司的大門隨時為你敞開著（薪資也還不錯）。希望我在三十歲以前，有機(jī)會寫一篇親歷參與“創(chuàng)業(yè)”的經(jīng)歷，從js前端轉(zhuǎn)as3前端的歷程，也算是送給自己三十歲生日的一份禮物:)

關(guān)于創(chuàng)業(yè)、轉(zhuǎn)崗、管理，有機(jī)會一并寫出自己的想法，現(xiàn)在還不太成熟，扯遠(yuǎn)了，還是單純回到技術(shù)上來吧。既然是那些事，那么JavaScript與ActionScript3肯定是有一些交集的，這里以基于瀏覽器的應(yīng)用場景來進(jìn)行歸納：

1、as3獲取網(wǎng)頁傳遞過來的參數(shù)；

2、js與as3的相互調(diào)用；

從“渲染swf” 開始講起，先使用JS判斷當(dāng)前瀏覽器是否安裝了flash player，然后獲取其版本，是否滿足最低flash player的版本，然后動態(tài)創(chuàng)建dom節(jié)點(diǎn)，并追加到頁面中。點(diǎn)擊查看《JavaScript檢測flash player的版本號》

渲染swf，一般使用swfobject.js (注意swfobject.js的版本，ver1.5與ver2.0+用法上差異較大)，相關(guān)文檔在這里>>

頁面?zhèn)鬟f給swf的參數(shù)，有二種方式：

1、路徑參數(shù)：<param name=”movie” value=”xxx.swf?v….”/> <embed src=”xxx.swf?v…” />

2、使用flashvars：<param name='”flashvars” value=”…” /> <embed src=”xxx.swf” flashvars=”…” />

as3獲取參數(shù)root.loaderInfo.parameters或stage.loaderInfo.parameters

flex生成的swf通過Application.application.parameters可直接獲取

如果使用as3的“殼”加載flex生成的swf，假定as3的“殼”中定義如下的代碼：

public var param_obj:Object;
param_obj = this.loaderInfo.parameters;

那么flex生成的swf獲取參數(shù)的方法：

var system_Obj:Object = Object(SystemManager(SystemManager.getSWFRoot(this)).getTopLevelRoot());
var obj:Object = system_Obj.param_obj;

示例代碼（as3）：

package { import flash.display.Sprite; import flash.events.Event; import flash.external.ExternalInterface; /** * ... * @author Meteoric_cry */ public class Main extends Sprite { public function Main():void { if (stage) init(); else addEventListener(Event.ADDED_TO_STAGE, init); } private function init(e:Event = null):void { removeEventListener(Event.ADDED_TO_STAGE, init); // entry point initView(); } private function initView():void { var obj:Object = this.loaderInfo.parameters; var kk:String = obj['kk']; if (ExternalInterface.available) { ExternalInterface.call('alert', kk); } } } }

HTML代碼：

<!DOCTYPE html><html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div id='myId'><p><a >Get Adobe Flash player</a></p></div><script type="text/javascript" src="swfobject.js"></script> 1: 2: <script type="text/javascript"> 3: var flashvars = { 4: 'kk' : '你才是kk' 5: }; 6: 7: var params = { 8: menu: "false", 9: scale: "noScale", 10: allowFullscreen: "true", 11: allowScriptAccess: "always", 12: bgcolor: "", 13: wmode: "direct" // can cause issues with FP settings & webcam 14: }; 15: 16: var attributes = { 17: 'id' : 'xx', 18: 'name' : 'xx' 19: }; 20: 21: swfobject.embedSWF("http://b.com/js_swf/jsas.swf", "myId", "100%", "100%", "9.0.0", "expressInstall.swf", flashvars, params, attributes);</script></body></html>

上面的參數(shù)“allowScriptAccess”的值有三個：always、sameDomain、never

默認(rèn)值是：sameDomain，即允許同域下的swf調(diào)用js函數(shù)，如果設(shè)置為never則完全不允許調(diào)用，而always則無任何限制，swf可直接調(diào)用。

如果更改上面頁面的參數(shù)allowScriptAccess的值為“sameDomain”，會出現(xiàn)如下的情況：

如果頁面需要加載遠(yuǎn)程的swf文件，如果需要swf讓js進(jìn)行調(diào)用，則需要在代碼中加上：

Security.allowDomain("*"); 
Security.allowInsecureDomain("*");

后再進(jìn)注冊：ExternalInterface.addCallback('jsCallback', jsCallback); 否則調(diào)用將會失?。ú粫伋霎惓＃?/p>

AS3調(diào)用JS所使用的方法：ExternalInterface.call

而JS調(diào)用AS3需要在AS3內(nèi)先“注冊”，而且必須要等待swf加載、注冊完之后，才能調(diào)用它的方法

AS3內(nèi)進(jìn)行注冊：ExternalInterface.addCallback(‘fnName', fnName);

其中fnName為SWF對外“開放”的接口，而JS直接使用(document[‘swfName'] || window[‘swfName']).fnName()；調(diào)用即可，和調(diào)用JS函數(shù)一樣，需要傳遞參數(shù)直接在函數(shù)調(diào)用符“（）”內(nèi)加入相應(yīng)的參數(shù)即可。

IE下可通過查看節(jié)點(diǎn)工具，查看swf“公開”出來的方法，其它瀏覽器無法直接查看

之前我也寫過一些關(guān)于as與js相關(guān)的文章：

flash在網(wǎng)頁應(yīng)用中的一些特殊應(yīng)用場景>>

chrome、ff下flash的mousewheel事件失效(wmode=transparent)>>

js與as相互調(diào)用，一個比較典型的應(yīng)用：跨瀏覽器的音樂播放器（列表使用js呈現(xiàn)，swf對外“公開”播放、暫停、停止等方法）

以上所述是小編給大家介紹的JavaScript與ActionScript3兩者的同性與差異性，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

您可能感興趣的文章: