初識JavaScript


初識JavaScript


JavaScript了解:

在1995年由Netscape公司的Brendan Eich驯嘱,在網(wǎng)景導(dǎo)航者瀏覽器上首次設(shè)計實(shí)現(xiàn)而成。因?yàn)镹etscape與Sun合作按傅,Netscape管理層希望它外觀看起來像Java,因此取名為JavaScript延塑。但實(shí)際上它的語法風(fēng)格與Self及Scheme較為接近。

JavaScript概述:

JavaScript 是一種嵌入式(embedded)語言答渔。

JavaScript 是一種輕量級的腳本語言关带。它是單線程的語句(一個線程解析),是一門弱語言(沒有固定的類型劃分 你給定它的值是什么類型沼撕,它就是什么類型)宋雏,作為腳本語言它可以實(shí)現(xiàn)侵入xss攻擊

JavaScript 是一種“對象模型”語言务豺。

它提供的額外 API 可以分成三大類磨总。

瀏覽器控制類:操作瀏覽器

DOM 類:操作網(wǎng)頁的各種元素

Web 類:實(shí)現(xiàn)互聯(lián)網(wǎng)的各種功能

它是怎么被解析的?有瀏覽器的的地方就能解析對應(yīng)的JavaScript笼沥,通過V8引擎實(shí)現(xiàn)蚪燕。

JavaScript包含的內(nèi)容:

構(gòu)成三方面:ESMA Script(基本語法及相關(guān)對象 es3、es5奔浅、es6馆纳、es7...),DOM(文檔對象模型 操作HTML)汹桦,BOM(瀏覽器對象模型 操作瀏覽器)

JavaScript的入門


書寫方式:

1鲁驶、書寫在script標(biāo)簽里面:

<script>? ?

//語句書寫? ?

console.log("hello world")

</script>

2、書寫在js文件里面(推薦)

console.log('hello world')

引入js文件

<scriptsrc="./index.js"></script>

3舞骆、書寫對應(yīng)的屬性里面(比較少用)

<ahref="javascript:void()">去百度</a>

<ahref="#"onclick="alert('hello world')"></a>

變量定義(使用var 關(guān)鍵詞聲明)

//var 變量名 = 值

varnumber = 10

變量名的書寫(見名知意 區(qū)分大小寫)

1钥弯、只能是對應(yīng)的字母或者數(shù)字或者下劃線等字符(不能以數(shù)字開頭

2、一般采用駝峰命名法(hello World 采用單詞拼接 第一個單詞首字母小寫 其他單詞首字母大寫

3督禽、不能使用關(guān)鍵詞

4脆霎、普通變量首字母小寫 常量全大寫(const)

注釋(相當(dāng)于解釋這句話 這個注釋不會被翻譯)

單行注釋 Ctrl + /

//單行注釋

多行注釋 Alt + Shift + A

/* 多行注釋 */

數(shù)據(jù)類型(檢驗(yàn)值類型 基本數(shù)據(jù)類型)


number類型(所有的數(shù)值)

字符串類型String(單引號 雙引號 都是字符串)

boolean類型(true false)

null 空類型(是null值的情況下才是空值)

undefined未定義(當(dāng)前沒有給值 沒有被定義)

object(對象類型 引用數(shù)據(jù)類型)

使用typeof來查看對應(yīng)的類型(基本數(shù)據(jù)類型返回的是對應(yīng)的類型名 null類型object)

//類型查看typeof 查看對應(yīng)的類型的 null顯示的是object undefined是對應(yīng)的null的對象擴(kuò)展

console.log(typeof nummber1);

console.log(typeof bool);

console.log(typeof un);

console.log(typeof nl);

console.log(typeof str);

類型轉(zhuǎn)換

number類型轉(zhuǎn)為String(string>number 隱式轉(zhuǎn)換 toString方法)

//將對應(yīng)的number類型轉(zhuǎn)為string類型

var strl = nummber1.toString();

console.log(typeof nummber1);

string轉(zhuǎn)為number(顯示轉(zhuǎn)換)

1、number方法(直接轉(zhuǎn)number類型)

2狈惫、使用parseInt(轉(zhuǎn)整型/整數(shù))

3睛蛛、使用parseFloat方法(轉(zhuǎn)小數(shù))

var str2 = "1a123.12a"

console.log(Number(str2));//當(dāng)你將一個內(nèi)容轉(zhuǎn)為的數(shù)值過程中無法被解析時就會出現(xiàn)NaN

//從前到后拿出里面的數(shù)值 前面沒有數(shù)值就會變成NaN

console.log(parseInt(str2));

console.log(parseFloat(str2));

isNaN 是NaN 返回true 不是返回false

var a = 10

console.log(isNaN(a)) //false

var str = 'abc'

console.log(isNaN(Number(str))) //true

無窮大 無窮小(Infinity)

//無窮大

var max = Infinity

console.log(max>100);? ??//true

//無窮小

var min = -Infinity

console.log(min<-1);? ??//true

將字符串轉(zhuǎn)為對應(yīng)的boolean類型

Boolean方法 轉(zhuǎn)為布爾類型

var str = "abc";

//轉(zhuǎn)為boolean類型 非空就是true 空字符串表示false

var b = Boolean(str); //true

var b2 = Boolean(); //false

console.log(b,b2);

將number轉(zhuǎn)為布爾類型

var number1 = 10;

//number轉(zhuǎn)布爾 非0即為true NaN

console.log(Boolean(number1));? //true

console.log(Boolean(0)); //false

console.log(Boolean(NaN)); //false

將undefined和對應(yīng)的null轉(zhuǎn)為boolean(false)

var un;

console.log(Boolean(un));? ? //false

console.log(Boolean(null));? //false

將boolean類型轉(zhuǎn)為number類型(false 0 true 1)

console.log(Number(false))

console.log(Number(true))

將對應(yīng)的undefined和null轉(zhuǎn)為number(0)

var un

console.log(Number(un));? ? ?//NaN

console.log(Number(null));? ??//0

預(yù)算符和表達(dá)式

算術(shù)運(yùn)算(加減乘除)

+? ?-? ?*? ?/? ? %? ? ++? ? --

自增和自減的前置和后置的區(qū)別:

前置先執(zhí)行對應(yīng)的++(--)再執(zhí)行對應(yīng)的代碼

后置先執(zhí)行對應(yīng)的代碼 再執(zhí)行++(--)

邏輯運(yùn)算

&&與(同true則為true)||或(有true就是true)虱岂!非(取反)

比較運(yùn)算

>? ?<? ?>=? ?<=? ?!=? ?===(全等倆個類型和對應(yīng)的值一模一樣這倆個是一個東西)

賦值運(yùn)算

=? ?+=? ?-=? ?/=? ?*=? ?%=

var j = 10

j + = 100????//110

j / = 10????//11

j * = 5????//55

console.log(j);

位運(yùn)算

>> 右移 << 左移 - 去除小數(shù)

計算順序 先括號里面的 再進(jìn)行乘除取余 再進(jìn)行+- 再進(jìn)行比較運(yùn)算 再邏輯運(yùn)算 再進(jìn)行賦值

三元運(yùn)算符(三目運(yùn)算符)

表達(dá)式(Boolean類型表達(dá)式)玖院?true的內(nèi)容:false的內(nèi)容

var a=10;

var b=20;

console.log(a > b ? 10 : 20);????//20

console.log('123a' / 10 ? 'hello' : 'hi');? ?//hi

number對應(yīng)的方法

保留幾位小數(shù)的方法

var number1 = 3;

var number2 = 10;

//默認(rèn)的大小是16位? 是2^-32? 整數(shù)位也是16位? 超出不能顯示(存在問題 后續(xù)解決)

console.log(number2 / number1);? ??//3.3333333333333335

//保留小數(shù)(方法會優(yōu)先調(diào)用)? 當(dāng)前這個方法會保留小數(shù)? 但是會變成字符串(黑色)

console.log((number2 / number1).toFixed(2));

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末晦炊,一起剝皮案震驚了整個濱河市莽鸭,隨后出現(xiàn)的幾起案子毙死,更是在濱河造成了極大的恐慌,老刑警劉巖蔑滓,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡键袱,警方通過查閱死者的電腦和手機(jī)燎窘,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蹄咖,“玉大人褐健,你說我怎么就攤上這事±教溃” “怎么了蚜迅?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長俊抵。 經(jīng)常有香客問我谁不,道長,這世上最難降的妖魔是什么徽诲? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任刹帕,我火速辦了婚禮,結(jié)果婚禮上谎替,老公的妹妹穿的比我還像新娘偷溺。我一直安慰自己,他們只是感情好钱贯,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布亡蓉。 她就那樣靜靜地躺著,像睡著了一般喷舀。 火紅的嫁衣襯著肌膚如雪砍濒。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天硫麻,我揣著相機(jī)與錄音爸邢,去河邊找鬼。 笑死拿愧,一個胖子當(dāng)著我的面吹牛杠河,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播浇辜,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼券敌,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了柳洋?” 一聲冷哼從身側(cè)響起待诅,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎熊镣,沒想到半個月后卑雁,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體募书,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年测蹲,在試婚紗的時候發(fā)現(xiàn)自己被綠了莹捡。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡扣甲,死狀恐怖篮赢,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情琉挖,我是刑警寧澤启泣,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站粹排,受9級特大地震影響种远,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜顽耳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一坠敷、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧射富,春花似錦膝迎、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至柴灯,卻和暖如春卖漫,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背赠群。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工羊始, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人查描。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓突委,卻偏偏與公主長得像,于是被迫代替她去往敵國和親冬三。 傳聞我的和親對象是個殘疾皇子匀油,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,465評論 2 348

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