javascript
Javascript是什么,能干什么、JavaScript的发展史、JavaScript的使用、方式一:内部引用、方式二:外部引用、程序设计的基础、数据类型与变量、运算符
Javascript是什么,能干什么
一個網頁的結構,是通過html決定的
腦袋,手腳,身體
Css決定了這個網頁的樣式
是高還是矮,是胖還是瘦,是黑還是白
這個網頁的行為是通過JavaScript決定的
走路,跑步,眨眼睛
JavaScript的發展史
它最初由Netscape的Brendan Eich設計。JavaScript是甲骨文公司的注冊商標。Ecma國際以JavaScript為基礎制定了ECMAScript標準。JavaScript也可以用于其他場合,如服務器端編程。完整的JavaScript實現包含三個部分:ECMAScript,文檔對象模型,瀏覽器對象模型。
Netscape在最初將其腳本語言命名為LiveScript,后來Netscape在與Sun合作之后將其改名為JavaScript。JavaScript最初受Java啟發而開始設計的,目的之一就是“看上去像Java”,因此語法上有類似之處,一些名稱和命名規范也借自Java。但JavaScript的主要設計原則源自Self和Scheme。JavaScript與Java名稱上的近似,是當時Netscape為了營銷考慮與Sun微系統達成協議的結果。為了取得技術優勢,微軟推出了JScript來迎戰JavaScript的腳本語言。為了互用性,Ecma國際(前身為歐洲計算機制造商協會)創建了ECMA-262標準(ECMAScript)。兩者都屬于ECMAScript的實現。盡管JavaScript作為給非程序人員的腳本語言,而非作為給程序人員的腳本語言來推廣和宣傳,但是JavaScript具有非常豐富的特性。
發展初期,JavaScript的標準并未確定,同期有Netscape的JavaScript,微軟的JScript和CEnvi的ScriptEase三足鼎立。1997年,在ECMA(歐洲計算機制造商協會)的協調下,由Netscape、Sun、微軟、Borland組成的工作組確定統一標準:ECMA-262。
JavaScript的使用
在前端開發中,JavaScript不能單獨運行(除非是單獨安裝了JavaScript的運行環境)
JavaScript必須掛載在網頁上
說羊毛出在羊身上
Html就是🐏,JavaScript就是羊毛
Html引入JavaScript代碼,有兩種方式
方式一:內部引用
使用script標簽,把JavaScript代碼包起來
注意:內部引用的話要把代碼放在網頁的最下層
因為代碼的運行是從上到下的
而JavaScript是沒有樣式的,我們看不到它
所以說如果把代碼放在網頁最上方的話就會造成因編譯JS代碼導致的網頁加載
速度變慢
方式二:外部引用
(1)將JavaScript代碼單獨放到js文件中
(2) 在html文件中引入js文
注意,外部引用的時候,一般來說都是放在的外面,也就是說上面或者下面都可以
在企業開發中,一般都使用外部引入,這樣做html與JavaScript是分開的
有利于分工合作,更方便后期的維護
程序設計的基礎
數據類型與變量
計算機程序就是處理現實生活中各種的數據
數據包含幾個屬性:名字,值,類型
名字:數量/庫存
值:1
類型:整數類型
名字:價格
值¥135.00-140.00
類型:浮點型
因為生活中的數據并不是一成不變的所以說我們JavaScript里就有變量和它對應
變量
Var variable的簡寫,聲明一個變量
變量的命名
規則:
(1) 一般情況下,變量名由大小寫字母與數字組成,也可以使用 $ , _特殊字符;
(2) 但是呢,變量名是不能以數字開頭的,這樣會與八進制或十六進制沖突
(3) 關鍵字不能用,關鍵字這個名字已經被JavaScript內部使用了
規范:
(1) 起名要見名思義,看到名字就知道這個變量是用來干嘛的
(2) 要使用英文單詞,不要去使用拼音,也不要使用中文
(3) 小駝峰:第一個單詞以小寫字母開始;從第二個單詞開始以后的每個單詞的首字母都采用大寫字母。
例子:myFirstName
關鍵字:
數據類型
變量的類型是由變量的值來決定,不同的類型分配給存儲空間的大小也是不同的
字符串string
字符串是以單引號或雙引號括起來的任意文本
‘asd’ “zhangsan”+”feng”
數字number
數字:整數和小數,但在JavaScript里不區分整數與小數,統一number
10進制,2進制,8進制,16進制都算數字
布爾類型boolean
Boolean里面值只有兩個,true/false,表示真或者假
未定義undefined
因為JavaScript中變量的類型是由它的值來決定的,如果一個變量沒有給值,
那它就是未定義
判斷類型:typeof
對象類型
對象類型是很復雜的一個類型
怎么去描述一個人,這個人有身高,體重,年齡,這時候就需要一個對象屬性
一切皆對象,對象包含屬性的
人對象:身高,體重,年齡。。。。。。
狗對象:名字,花色,年齡。。。。。。
學生對象:學號,班級,成績。。。。。。
對象的定義:
如何訪問對象:
對象名稱.屬性名
注意:創建對象時對象屬性用逗號分割,而不是分號
最好在代碼的開始就聲明所有變量
語句與注釋
語句:
一行一行的代碼就叫做語句,一個語句使用分號作為結束符
雖然JavaScript不寫分號沒有問題,但是到了項目上線代碼壓縮的時候就會出現問題
所以說要寫上分號
注釋:
對代碼的解釋,為了讓你和你同事可以很輕松的看懂你的代碼
注釋不規范,同事兩行淚
注釋寫與不寫都不會影響代碼的運行,注釋與代碼的結果沒有關系
當然了,也可以用來阻止代碼的運行(注釋掉將要執行的代碼)
方式一:單行注釋
在語句最前面打上兩個//(右shift左邊那個鍵)
運算符
算數運算符 +,-,*,/,%(余)
邏輯運算符
比如說有一場考試,上午一場,下午一場
如果說上午的和下午的都及格了才算過
與運算(&&):并且 所有條件都滿足,結果才成立
如果說上午或者下午及格一場就算過
或運算(||)或者 只要有一個條件滿足,就成立
如果說上午和下午的都沒及格才算過
非運算(!)取反 真變假,假變真
賦值運算符
在JavaScript里等于號代表賦值,==代表等于
復合賦值運算符:+=,-=,*=,/=
n+=5 等于n=n+5
其他同理
其實就是程序員的偷懶
++(自增),–(自減)
n++等于n=n+1
n–等于n=n-1
++n與—n
n++與++n的區別
++在前面,先加再用;++在后面,先用再加
不管++在前面還是后面,只要運行了,數值都會增加
關系運算符
常見關系運算符:>(大于) <(小于) >=(大于等于) <=(小于等于) (等于) !=(不等于)
判斷兩個數字是否相等,使用兩個等于號()而不是一個等于號(=是賦值)
JavaScript特有:
=:數值與類型全都等于才true
!:數值與類型全都不等于才true
比較后的結果是boolean類型,true或false
重點=與的區別:
==只比較值
===比較值和類型
三目運算符(三元運算符)
表達式?結果1:結果2
如果表達式運行的結果是true,運行結果1
如果表達式運行的結果是false,運行結果2
總結
以上是生活随笔為你收集整理的Javascript是什么,能干什么、JavaScript的发展史、JavaScript的使用、方式一:内部引用、方式二:外部引用、程序设计的基础、数据类型与变量、运算符的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: notepad++使用一行多个关键字的与
- 下一篇: JavaScript DOM 学习笔记