01_JavaScript介紹归榕、變量、運(yùn)算符

JavaScript歷史

  • 1995.2月 Netscape公司發(fā)布LiveScript吱涉,后臨時(shí)改為JavaScript刹泄,為了趕上Java的熱浪。
    歐洲計(jì)算機(jī)制造商協(xié)會(huì)(ECMA)英文名稱是European Computer Manufacturers Association
  • 1997 年怎爵,以JavaScript 1.1 為基礎(chǔ)特石。由來自 Netscape、Sun鳖链、微軟姆蘸、Borland 和其他一些對(duì)腳本編程感興趣的公司的程序員組成的 TC39(ECMA的小組) 錘煉出了 ECMA-262,也就是ECMAScript1.0芙委。
  • 1998年6月逞敷,ECMAScript 2.0版發(fā)布。
  • 1999年12月灌侣,ECMAScript 3.0版發(fā)布推捐,成為JavaScript的通行標(biāo)準(zhǔn),得到了廣泛支持侧啼。
  • 2007年10月牛柒,ECMAScript 4.0版草案發(fā)布:分歧太大堪簿,失敗告終。
  • 2009年12月焰络,ECMAScript 5.0版正式發(fā)布
  • 2015年6月17日戴甩,ECMAScript 6發(fā)布正式版本,即ECMAScript 2015闪彼。

JavaScript和ECMAScript的關(guān)系

ECMAScript是一種由Ecma國(guó)際前身為歐洲計(jì)算機(jī)制造商協(xié)會(huì),英文名稱是European Computer Manufacturers Association甜孤,制定的標(biāo)準(zhǔn)。
  JavaScript是由公司開發(fā)而成的畏腕,公司開發(fā)而成的一定是有一些問題缴川,不便于其他的公司拓展和使用。所以歐洲的這個(gè)ECMA的組織描馅,牽頭制定JavaScript的標(biāo)準(zhǔn)把夸,取名為ECMAScript。
  簡(jiǎn)單來說ECMAScript不是一門語言铭污,而是一個(gè)標(biāo)準(zhǔn)恋日。符合這個(gè)標(biāo)準(zhǔn)的比較常見的有:JavaScript、Action Script(Flash中用的語言)嘹狞。就是說岂膳,你JavaScript學(xué)完了,F(xiàn)lash中的程序也會(huì)寫了磅网。
  ECMAScript在2015年6月谈截,發(fā)布了ECMAScript 6版本,語言的能力更強(qiáng)涧偷。但是簸喂,瀏覽器的廠商不能那么快的去追上這個(gè)標(biāo)準(zhǔn)。這些新的特性燎潮,我們就業(yè)班的深入喻鳄,也會(huì)給大家介紹。

JS介紹

js是一款運(yùn)行在客戶端的網(wǎng)頁編程語言跟啤。

  • 組成部分

  • ECMAScript:JavaScript的語法標(biāo)準(zhǔn)诽表。

  • DOM:JavaScript操作網(wǎng)頁上的元素的API

  • BOM:JavaScript操作瀏覽器的部分功能的API

  • 特點(diǎn)

  • 簡(jiǎn)單易用
    可以使用任何文本編輯工具編寫
    只需要瀏覽器就可以執(zhí)行程序

  • 解釋執(zhí)行
    解釋執(zhí)行:事先不編譯、逐行執(zhí)行隅肥、無需進(jìn)行嚴(yán)格的變量聲明
    編譯執(zhí)行:java c# 轉(zhuǎn)化為.dll可執(zhí)行文件==>電腦讀取.dll可執(zhí)行文件

  • 基于對(duì)象
    內(nèi)置大量現(xiàn)成對(duì)象,編寫少量程序可以完成目標(biāo)

  • 面向過程

  • 作用

  • 表單驗(yàn)證

  • 輪播特效

  • 開發(fā)游戲

JS書寫位置

Javascript 書寫位置
(1)與css類似袄简,直接嵌入到html頁面中
(2)文件調(diào)用:JavaScript代碼寫到另一個(gè)文件當(dāng)中(其后綴通常為“.js”)腥放,然后用格式為<script src="javascript.js"></script>的標(biāo)記把它嵌入到文檔中

  • 寫js代碼的時(shí)候,分號(hào)不能省略绿语。
  • 推薦將JS代碼寫在html結(jié)束標(biāo)簽后邊秃症、將多個(gè)JS文件合成為一個(gè)JS文件
Javascript執(zhí)行過程中的小原理
  • html頁面中出現(xiàn)<script>標(biāo)簽后候址,就會(huì)讓頁面暫停等待腳本的解析和執(zhí)行。無論當(dāng)前腳本是內(nèi)嵌式還是外鏈?zhǔn)街指蹋撁娴南螺d和渲染都必須停下來等待腳本的執(zhí)行完成才能繼續(xù)岗仑,這在頁面的生命周期中是必須的。
    例如:通過外鏈?zhǔn)絡(luò)s文件查看加載速度聚请。

輸出消息的幾種方式

  • alert() 在頁面彈出一個(gè)對(duì)話框荠雕,早期JS調(diào)試使用。
  • Confirm() 在頁面彈出一個(gè)對(duì)話框, 常配合if判斷使用驶赏。
  • console.log() 將信息輸入到控制臺(tái)炸卑,用于js調(diào)試
  • prompt() 彈出對(duì)話框,用于接收用戶輸入的信息煤傍。
    返回用戶輸入的信息
  • document.write()在頁面輸出消息
    document.write("<p><a href='#'>你好</a></p>");
    document.write不僅能輸出信息盖文,還能輸出標(biāo)簽。

轉(zhuǎn)義字符

\" 轉(zhuǎn)雙引
\'轉(zhuǎn)單引
\n轉(zhuǎn)換行
\r轉(zhuǎn)回車

Js注釋

單行注釋 //
多行注釋 /* */
快捷鍵 ctrl+/

變量

會(huì)變化的量蚯姆。
變量是用來存儲(chǔ)數(shù)據(jù)的容器五续。

  • 變量定義

變量定義: var 自定義名稱;

var關(guān)鍵字定義變量

  • 給變量賦值

變量名=值;

var wukong = 123;//wukong是變量名,123是變量
  • 命名規(guī)范
  • 變量名必須以字符或下劃線“_”開頭
  • 變量可以包含數(shù)字龄恋、從A至Z的大小字母
  • 不能以數(shù)字或者純數(shù)字開頭來定義變量名疙驾。
  • 不推薦使用中文來定義變量名。
  • 不能使用特殊符號(hào)或者特殊符號(hào)開頭(-除外);
  • JavaScript嚴(yán)格區(qū)分大小寫篙挽,computer和Computer是兩個(gè)完全不同的變量
  • 禁止使用javascript的保留關(guān)鍵字作為變量名(見下面的保留關(guān)鍵字圖)



    用于程序控制或者執(zhí)行特定操作的關(guān)鍵字

    保留關(guān)鍵字

JavaScript數(shù)據(jù)類型

  • 簡(jiǎn)單數(shù)據(jù)類型:
  • Number:數(shù)字類型
  • String:字符串類型
  • Boolean:布爾類型
  • undefined:變量未初始化
  • null:空類型
typeof undefined;//"undefined"
null === undefined;//false
null == undefined;//true
typeof null;//"object"
  • 復(fù)雜數(shù)據(jù)類型:

  • Object:對(duì)象(引用)

  • Array:數(shù)組

  • 判斷數(shù)據(jù)類

typeof 變量名;

  • Number數(shù)據(jù)類型
  1. 最基本的數(shù)據(jù)類型
  2. 不區(qū)分整型數(shù)值和浮點(diǎn)型數(shù)值
  3. 能表示的最大值是±1.7976931348623157乘以10的308次方
    能表示的最小值是±5 乘以10的-324次方
  4. 包含十六進(jìn)制數(shù)據(jù)荆萤,以 0x開頭 0到9之間的數(shù)字,a(A)-f(F)之間字母構(gòu)成铣卡。 a-f對(duì)應(yīng)的數(shù)字是10-15
  5. 八進(jìn)制直接以數(shù)字0開始链韭,有0-7之間的數(shù)字組成。
        var num = 0x3f;//十六進(jìn)制
        var num1 = 045;//8進(jìn)制
        alert(num);//63
        alert(num1);//37
  • 字符串
    字符串由單引號(hào)或雙引號(hào)括起
    例如單獨(dú)一個(gè)字母也被稱為字符串(例如:‘a(chǎn)’)
    轉(zhuǎn)義字符 \" \'
var str = "你好";
var str1 = '你好啊';
  • 比較運(yùn)算符:> , < , >= , <= , == , !=
var    a=1;      
var   b=2;            
alert(a>b);       
  • 布爾數(shù)據(jù)類型 Boolean
    只有2個(gè)值一個(gè)是true, 一個(gè)是false. 實(shí)際運(yùn)算中true=1,false=0
  • JavaScript 特殊類型
    取值null 含義:變量未引用煮落,值為空(主動(dòng))敞峭,在內(nèi)存中找不到這個(gè)變量
    取值undefined 含義:變量未初始化,變量在內(nèi)存中是存在的
  • Null: Javascript中的關(guān)鍵字,它表示一個(gè)特殊值蝉仇。通常用來描述“空值”旋讹。
  • undefined: 表示值得空缺。它是變量的一種取值轿衔,表示變量未進(jìn)行初始化(變量沒有賦值)沉迹,在EcmaScript3中,undefined是可讀寫的變量害驹,可以給它賦任何值鞭呕。在EcmaScript5中將這個(gè)錯(cuò)誤進(jìn)行了修改。只有undefined這一個(gè)值宛官。

算術(shù)運(yùn)算符

算數(shù)運(yùn)算符
  • + 加號(hào)
  • 兩個(gè)數(shù)字類型的變量相加葫松,得到的是一個(gè)數(shù)字類型瓦糕。
  • 一個(gè)數(shù)字類型和一個(gè)字符串相加,得到的是一個(gè)字符串腋么。
  • - 減號(hào)
  • 兩個(gè)數(shù)字類型的變量相減咕娄,得到的是一個(gè)數(shù)字類型。
  • 一個(gè)數(shù)字類型和一個(gè)數(shù)字字符串相減珊擂,得到的是一個(gè)數(shù)字類型圣勒。
  • 一個(gè)數(shù)字類型和一個(gè)非數(shù)字字符串相減,得到的是NaN,是一個(gè)數(shù)字類型未玻。
        var num1 = 22;
        var num2 = 23;
        var str1 = "12";
        var str2 = "nihao";
        var str3 = "8";
        alert(typeof (num1-str1));//number
        alert(num1-str2);//NaN
        alert(str1-num1);//-10
        alert(str1-str2);//NaN
        alert(str1-str3);//4
  • NaN, not a number灾而,表示不是一個(gè)數(shù)字
      判斷是不是一個(gè)數(shù)字使用: isNaN(x)
      (typeof NaN)是number

  • / 除號(hào)

  • 兩個(gè)數(shù)字類型的變量相除,得到的是一個(gè)數(shù)字類型扳剿。

  • 一個(gè)數(shù)字類型和一個(gè)數(shù)字字符串相除旁趟,得到的是一個(gè)數(shù)字類型。

  • 一個(gè)數(shù)字類型和一個(gè)非數(shù)字字符串相除庇绽,得到的是NaN,是一個(gè)數(shù)字類型锡搜。

  • 0做為除數(shù)的時(shí)候,得到結(jié)果 Infinity (無限大)瞧掺,是一個(gè)數(shù)字類型耕餐。

        var num1 = 24;
        var num2 = 23;
        var str1 = "12";
        var str2 = "nihao";
        var str3 = "8";
        alert(num1/0);//Infinity
        alert(num1/str1);//2
        alert(num1/str2);//NaN
        alert(typeof (num1/str2));//number
  • Infinity: 無窮大 例如: var number=7/0
  • % 取余數(shù)
  • 優(yōu)先級(jí):有()先計(jì)算()里邊的

帶操作的賦值運(yùn)算

在javascript中,程序執(zhí)行的過程是從上而下的順序執(zhí)行辟狈。遇到錯(cuò)誤肠缔,不會(huì)再往下執(zhí)行。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末哼转,一起剝皮案震驚了整個(gè)濱河市明未,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌壹蔓,老刑警劉巖趟妥,帶你破解...
    沈念sama閱讀 211,948評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異佣蓉,居然都是意外死亡披摄,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,371評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門勇凭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來疚膊,“玉大人,你說我怎么就攤上這事虾标∧鹆” “怎么了?”我有些...
    開封第一講書人閱讀 157,490評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵夺巩,是天一觀的道長(zhǎng)贞让。 經(jīng)常有香客問我,道長(zhǎng)柳譬,這世上最難降的妖魔是什么喳张? 我笑而不...
    開封第一講書人閱讀 56,521評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮美澳,結(jié)果婚禮上销部,老公的妹妹穿的比我還像新娘。我一直安慰自己制跟,他們只是感情好舅桩,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,627評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著雨膨,像睡著了一般擂涛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上聊记,一...
    開封第一講書人閱讀 49,842評(píng)論 1 290
  • 那天撒妈,我揣著相機(jī)與錄音,去河邊找鬼排监。 笑死狰右,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的舆床。 我是一名探鬼主播棋蚌,決...
    沈念sama閱讀 38,997評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼挨队!你這毒婦竟也來了谷暮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,741評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤瞒瘸,失蹤者是張志新(化名)和其女友劉穎坷备,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體情臭,經(jīng)...
    沈念sama閱讀 44,203評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡省撑,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,534評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了俯在。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片竟秫。...
    茶點(diǎn)故事閱讀 38,673評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖跷乐,靈堂內(nèi)的尸體忽然破棺而出肥败,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 34,339評(píng)論 4 330
  • 正文 年R本政府宣布馒稍,位于F島的核電站皿哨,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏纽谒。R本人自食惡果不足惜证膨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,955評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望鼓黔。 院中可真熱鬧央勒,春花似錦、人聲如沸澳化。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,770評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽缎谷。三九已至井濒,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間慎陵,已是汗流浹背眼虱。 一陣腳步聲響...
    開封第一講書人閱讀 32,000評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留席纽,地道東北人捏悬。 一個(gè)月前我還...
    沈念sama閱讀 46,394評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像润梯,于是被迫代替她去往敵國(guó)和親过牙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,562評(píng)論 2 349

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