js(回顧-總結(jié))

js是什么!

1 面對web標(biāo)準(zhǔn)來講:是HTML里面的三大結(jié)構(gòu)中的行為部分
2 面對編程語言來講:是一門運行在瀏覽器中的腳本語言且是一門弱性語言(不需要指定數(shù)據(jù)的類型)
3 面對開發(fā)人員來講:是一門必備的技能

js能干什么!

1 網(wǎng)頁中的動態(tài)效果(輪播圖,視頻,音頻)
2 表單的提交
3 Ajax的交互
4 網(wǎng)頁游戲中的動態(tài)

js在HTML里面引入的位置

1 :行內(nèi)式

  • 直接在元素內(nèi)添加屬性

2 :內(nèi)部式

  • 通過HTML內(nèi)的script標(biāo)簽來添加屬性
  • script標(biāo)簽可以放在HTML中的任何位置(一般建議放在腳尾)

3 :外部式(通過在外部進行屬性添加)

  • 通過<style>標(biāo)簽中的src屬性來進行外部的屬性值引入(可以有多個script標(biāo)簽對)
  • 在外部的屬性添加時不必加入script標(biāo)簽對
  • 在外部式的script標(biāo)簽對里面不可再進行屬性的添加(系統(tǒng)不會報錯!會忽略)

4注意事項!

  • 外部式和內(nèi)部式不可一起引用
  • 站在開發(fā)人員的位置來看!用外部式
  • 在外部式和內(nèi)部式的使用時最好加入type屬性,值是text/javascript

js基本語法!

1 詞法結(jié)構(gòu)(基本的js書寫規(guī)則)

  • 使用Unicode字符集編碼
  • 區(qū)分大小寫(子啊js里面 變量名和函數(shù)名會區(qū)分大小寫)
  • 空白字符會被忽略(空格和轉(zhuǎn)行在js不起作用)
  • 注釋(分為單行注釋和多行注釋)
  • 標(biāo)識符和關(guān)鍵字(this var等)其實變量名和函數(shù)名就是標(biāo)識符

js中的變量和值!

1 變量是什么?

  • 變量是用來儲存值的(和常量的區(qū)別是變量里面的值會發(fā)生發(fā)生改變)

2 變量一般由兩個部分組成

  • 變量名(一般出現(xiàn)在賦值的左邊就是變量名)
  • 變量值(一般在賦值的右邊就是變量值)

3 變量命名規(guī)范

  • 不能使用漢字和開頭使用數(shù)字來進行命名
  • 使用單詞的縮寫,做到看字知其意
  • 可以使用特殊符號(_和$來進行搭配使用)
  • 可以使用js的命名規(guī)范(采用小駝峰命名法)

4 聲明變量

  • 通過關(guān)鍵字var來聲明變量 (var 變量名=值)
  • 單獨聲明一個變量(var 變量名=值)
  • 一個聲明多個變量(var 變量名1,變量名2,變量名3)
  • 重復(fù)聲明變量(變量名和值被聲明了兩次 只會執(zhí)行最近的變量)
  • 遺漏聲明變量(忘記使用了關(guān)鍵字var)
  • 聲明了變量 沒有進行賦值的時候 本身也會有值(只是比較特殊?undefined)

js數(shù)據(jù)類型!

數(shù)據(jù)分為兩大類
1 基本數(shù)據(jù)類型

  • string(字符串)
    1 采用單\雙引號來進行引用
    2 轉(zhuǎn)義字符
    3 當(dāng)字符值為空的時間 boolean會為假
    3 在js中字符串可以只當(dāng)數(shù)組的形式去進行訪問每一個字符
  • number(數(shù)值)
    1 number有兩個屬性(一個最大值和一個最小值/Number.MAX_VALUE,Number.MIN_VALUE)
    2 小數(shù)和整數(shù)都是浮點數(shù)
    3 小數(shù):有三種寫法(十六進制,十進制,八進制)
    4 整數(shù):有三種寫法(小數(shù)點,小數(shù)去前面的零(.99),科學(xué)計數(shù)法)
  • Boolean(布爾值)
    1 true(真)
    2 false(假)
    3 對于數(shù)據(jù)類型 只有零才為假 其他數(shù)值為真
  • null(object)
  • undefined(undefined)

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

  • function
  • array

3 我們可用通過typeof運算符來查看數(shù)據(jù)類型

4 在進行賦值的時候就決定了數(shù)據(jù)的類型(所以說js是一門弱類型的語言)

5 數(shù)據(jù)類型的裝換

  • 強制轉(zhuǎn)換
    1 在數(shù)據(jù)類型裝換是注意大小寫
    2 在數(shù)據(jù)類型轉(zhuǎn)換的時候 變量本身的數(shù)據(jù)類型并沒有發(fā)生變化
    3 使用Boolean(),String(),Number(),或者Object函數(shù)
    4 使用parseInt()和parseFloat()函數(shù)更加靈活
  • 隱身轉(zhuǎn)換
    1 在進行運算的時候自動就對起進行了轉(zhuǎn)換

js運算符!

1 運算符基本語法

  • 操作數(shù)的個數(shù)(是一元,還是二元,或者說是三元)
  • 優(yōu)先級(判斷在多個運算符出現(xiàn)的時候是先計算哪一個)
  • 結(jié)合性(判斷在運算的時候,先計算左邊還是右邊)
  • 運算符的副作用(自增和自減,賦值)

2 算數(shù)運算符

  • var 變量名=值(=號就是把值賦值給變量名)
  • 加號運算符:
  • 減號運算符
  • %取模運算符
  • 自增自減
  • 前增:值會發(fā)生變法
  • 后增:值不會發(fā)生變法
  • 只能對變量進行操作,而且必須是數(shù)值類型
  • 不能直接用在常量上面

3 賦值運算符
4 邏輯運算符
5 關(guān)系運算符

js表達式

  • 一個完整的變量并且進行了賦值就是一個表達式
    1 原始表達式
    2 運算符構(gòu)成的表達式
    3 對象和數(shù)組初始化表達式
    4 函數(shù)定義初始化表達式
    5 調(diào)用表達式
    6 對象創(chuàng)建表達式

js語句

1 什么叫做語句
一般一個完整的表達式就是叫做語句
2 唱見的語句形式?

  • 表達式語句
    1 表達式本生就是一個語句,然后以分號作為結(jié)束點
  • 復(fù)合語句
    1 同時使用多條語句并且組合到一起,形成一個整體
    2 同時也叫語句塊
  • 聲明語句
    1 變量聲明:通過關(guān)鍵字var來聲明語句
    2 函數(shù)聲明:通過關(guān)鍵字function來進行聲明
  • 條件語句
    1 代碼自上而下的進行按照順序進行執(zhí)行
  • 循環(huán)語句
  • 跳轉(zhuǎn)語句

條件語句

1 if單分支條件語句
2 if else雙分支條件語句
3 if else if多分支條件語句
4 switch條件語句

循環(huán)語句

1 while循環(huán)
2 do while循環(huán)
3 for循環(huán)

函數(shù)

函數(shù)是什么
函數(shù)能干什么
函數(shù)有什么組成

對象

1 對象是什么

  • 在js中萬物皆對象(object是js中所有對象的祖先)
  • 在一類事物中! 他們都有一些共性 這個時候可以把它們看成是一類對象
    對象能干什么
    2 如何創(chuàng)建對象(創(chuàng)建對象有兩種方式)
  • 構(gòu)造器創(chuàng)建對象(使用new 構(gòu)造器());
使用構(gòu)造器來創(chuàng)建對象.png
  • 字面量創(chuàng)建對象
![Uploading 使用構(gòu)造器來創(chuàng)建對象_995129.png . . .]
  • 注意事項:定義屬性的方式同常稱為鍵值對(key/value)

3 怎樣獲取對象(獲取對象分為兩步)

  • 獲取對象
獲取對象.png
  • 調(diào)用對象的屬性和方法
調(diào)用對象的屬性.png
  • 注意事項:Date對象只有new構(gòu)造器(); 沒有字面量方式。
  • math本身就是函數(shù) 而不是對象中的一個方法,直接當(dāng)做一個對象就可以使用屬性和方法

數(shù)組

1 數(shù)組是一個特殊的對象

  • 數(shù)組是有序的集合(通過索引來進行數(shù)字的排序)
  • 將多個值放在一起的才叫集合
  • 數(shù)組里面的值是有序的(對象是無序的集合)
  • JavaScript里面時無類型:值可以是任何數(shù)據(jù)類型
  • 數(shù)組的值是可以是數(shù)組也可以是對象

2 數(shù)組的組成部分

  • 數(shù)組名
  • 參數(shù)
  • 索引下標(biāo)

3 創(chuàng)建數(shù)組

數(shù)組的兩種創(chuàng)建方式.png

4 數(shù)組里面的常量可以是任意表達式

數(shù)組里面的常量可以是任意表達式.png

5 獲取數(shù)組的長度(知道數(shù)組里面有多少個常量)

  • 使用屬性length(只會顯示)

6 獲取數(shù)組里面的值

  • 基本格式
獲取數(shù)組的值.png

7 數(shù)組的基本操作(增刪查改)
1 查:就是數(shù)組值的輸出

  • 數(shù)組名.[索引下標(biāo)號];

2 改(兩種情況)

  • 數(shù)組名:[下標(biāo)索引值]=“要改變的值”;
  • 數(shù)組名:[上一個結(jié)束的下標(biāo)索引值]="內(nèi)容";

3 增:

增.png

4 刪

刪.png
  • pop:是把數(shù)組最后一個的值刪除。

  • shift:是把數(shù)組最前面一個的值刪除。

                                                                                  -9.10更
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • FreeCodeCamp - Basic JavaScript 寫在前面: 我曾經(jīng)在進谷前刷過這一套題,不過當(dāng)時只...
    付林恒閱讀 16,586評論 5 28
  • 標(biāo)簽: 我的筆記 ---學(xué)習(xí)資料:http://javascript.ruanyifeng.com/ 1. 導(dǎo)論 ...
    暗夜的怒吼閱讀 950評論 0 1
  • 恭喜獲獎的小伙伴,因為你們持續(xù)不斷的復(fù)盤,輸入輸出從而贏得了我們的贊美! 這一周的問答,給我指明了投資的重點...
    吳花果336閱讀 257評論 2 1
  • 我叫囡囡,出生的時候兄弟姐妹眾多,在眾多嗷嗷待哺的兄弟姐妹中卻屬我長得孱弱,每每歪歪倒倒,主人雖嫌棄卻終究不忍,熬...
    蘭蕙心閱讀 502評論 0 3
  • 本文參加#我的故城,我的故事#之十堰活動,本人承諾,文章內(nèi)容為原創(chuàng),未在其他平臺發(fā)表過。 白墻黛瓦,青磚舊瓷,...
    隨煙云閱讀 765評論 0 1

友情鏈接更多精彩內(nèi)容