初涉JavaScript

  • 相關(guān)概念

  • JavaScript一種直譯腳本語言它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動(dòng)態(tài)功能。

  • Node是一個(gè)Javascript運(yùn)行環(huán)境(runtime)。實(shí)際上它是對(duì)Google V8引擎進(jìn)行了封裝。V8引 擎執(zhí)行Javascript的速度非常快,性能非常好。Node對(duì)一些特殊用例進(jìn)行了優(yōu)化,提供了替代的API,使得V8在非瀏覽器環(huán)境下運(yùn)行得更好。

  • 作用:

  1. 嵌入動(dòng)態(tài)文本于HTML頁面。
  2. 對(duì)瀏覽器事件做出響應(yīng)(點(diǎn)擊,滑動(dòng),鍵盤輸入)。
  3. 讀寫HTML元素(添加,修改,刪除)。
  4. 在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。
  5. 檢測(cè)訪客的瀏覽器信息。
  6. 控制cookies,包括創(chuàng)建和修改等。
  7. 基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。[6]
  • 基礎(chǔ)語法
  1. 調(diào)試
  • alert(內(nèi)容) 在彈窗顯示內(nèi)容
  • console.log(內(nèi)容) 開發(fā)者工具console下查看內(nèi)容,IE,safari不支持
  1. 定義變量
  • var 變量名 = 變量值,var可省略
  1. 注釋
  • //
  • /* */
  1. 數(shù)據(jù)類型
  • number 所有數(shù)字
  • object 對(duì)象類型 JS中array[ ],dict{ }也都是object類型
  • string 字符串類型 用雙引號(hào)" "或者單引號(hào)' '(建議用單引號(hào))
    • 字符串拼接 var str = '我是' + '小學(xué)生';
  • function 函數(shù)類型
  1. 定義函數(shù)
function 函數(shù)名(形參){
函數(shù)體
return 返回值
}

函數(shù)內(nèi)部有一個(gè)數(shù)組arguments用于保存?zhèn)鬟M(jìn)來的參數(shù),所以形參表可以為空。需要調(diào)用參數(shù)時(shí),直接在arguments里取

  1. 定義類
function run(){...}
var person = {
      age = 10;
      name = '小明'
      walk = run;
      //或者walk = function(){console.log(this.name + this.age + '歲')};
}
person.walk();
  1. window
    window.location.href:修改瀏覽器顯示頁面
    所有的全局變量和全局屬性都是window的屬性

  2. this
    (默認(rèn)情況下)在對(duì)象函數(shù)中,this代表當(dāng)前對(duì)象,否則,this代表window

  3. Document
    document代表整個(gè)網(wǎng)頁,iOS開發(fā)中的JS重點(diǎn)就在document
    相關(guān)函數(shù)

document.getElementByID();//通過ID屬性
document.getElementName();//通過Name屬性
document.getElementClassName();//通過class屬性
document.getElementTagName();//通過標(biāo)簽名
  1. JS中的閉包
<script>
window.onload = function(){
        function anyFunc(){
        //do something
        }
        //do something
    }
</script>
  1. 匿名執(zhí)行函數(shù)
<script>
   ;(function (){//前面加分號(hào)的作用是防止被別人的代碼污染
   //匿名執(zhí)行函數(shù)
   var name = 1;//這個(gè)寫法的意義在于防止全局變量污染
   var age = 10;

         window.onload = function(){
              function anyFunc(){
              //do something
              }
              //do something
          }

   }());
</script>
  1. iOS開發(fā)中的JS應(yīng)用
//利用webView執(zhí)行JS代碼
[webView stringByEvaluatingJavaScriptFromString:(nonnull NSString *)];
//webView每次發(fā)url請(qǐng)求都會(huì)調(diào)用該方法
//在url上拼接參數(shù)后在該方法中截取,可以實(shí)現(xiàn)取到圖片路徑等元素,調(diào)用相冊(cè)保存等功能
-(BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,546評(píng)論 6 533
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,570評(píng)論 3 418
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,505評(píng)論 0 376
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng),這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,017評(píng)論 1 313
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,786評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,219評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,287評(píng)論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,438評(píng)論 0 288
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,971評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,796評(píng)論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,995評(píng)論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,540評(píng)論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,230評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,662評(píng)論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,918評(píng)論 1 286
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,697評(píng)論 3 392
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,991評(píng)論 2 374

推薦閱讀更多精彩內(nèi)容

  • 原文: https://github.com/ecomfe/spec/blob/master/javascript...
    zock閱讀 3,389評(píng)論 2 36
  • 工廠模式類似于現(xiàn)實(shí)生活中的工廠可以產(chǎn)生大量相似的商品,去做同樣的事情,實(shí)現(xiàn)同樣的效果;這時(shí)候需要使用工廠模式。簡(jiǎn)單...
    舟漁行舟閱讀 7,798評(píng)論 2 17
  • @轉(zhuǎn)自GitHub 介紹js的基本數(shù)據(jù)類型。Undefined、Null、Boolean、Number、Strin...
    YT_Zou閱讀 1,179評(píng)論 0 0
  • JavaScript什么是JavaScriptJavaScript是一門腳本語言,簡(jiǎn)稱JSJS的常見作用有給HTM...
    JonesCxy閱讀 430評(píng)論 0 0
  • 【學(xué)號(hào)】2017101323 【姓名】馬昕 【性別】女 【城市】黑龍江大慶 【簡(jiǎn)書號(hào)】Aoede 【擅長(zhǎng)】唱歌 【...
    Aoede閱讀 200評(píng)論 1 0