學習筆記整理-JS-01-語法與變量

文章目錄

    • 一、語法與變量
      • 1. 初識`JavaScript`
      • 2. `JavaScript`的歷史
      • 3. `JavaScript`與`ECMAScript`的關系
      • 4. `JavaScript`的體系
      • 5. `JavaScript`的語言風格和特性
    • 二、語法
      • 1. `JavaScript`的書寫位置
      • 2. 認識輸出語句
      • 3. `REPL`環境,交互式解析器
      • 4. 變量是什么
      • 5. 重點內容

一、語法與變量

1. 初識JavaScript

  • 前端三層
    語言功能
    結構層HTML搭建結構、放置部件、描述語義
    樣式層CSS美化頁面、實現布局
    行為層JavaScript實現交互效果、數據收發、表單驗證等

2. JavaScript的歷史

  • 1995年布蘭登·艾奇就職Netscape發明JavaScript,前身LiveScript

3. JavaScriptECMAScript的關系

es.png

4. JavaScript的體系

  • 語言核心
    • ECMAScript5
    • ECMAScript6、7、8、9、10、11
  • DOM
  • BOM

5. JavaScript的語言風格和特性

  • 類C語言的風格
  • 弱類型

二、語法

1. JavaScript的書寫位置

  • <body><script>標簽,在內部書寫JavaScript代碼
  • 將代碼單獨保存為.js格式文件,然后在HTML文件中使用<script src="></script>這樣的形式引入它
    • 注意不可寫成<script src="/>
  • JavaScript不能脫離HTML網頁運行(當然不絕對,NodeJS將成為JavaScript獨立的運行平臺)

2. 認識輸出語句

  • alert();語句
    • alert是內置函數,函數就是功能的’封裝’,調用函數需要使用圓括號。
  • console.log();語句

3. REPL環境,交互式解析器

  • 控制臺也是一個REPL環境,可以使用它臨時測試表達式的值。
    repl.png

4. 變量是什么

  • 變量是計算機語言中能存儲計算結果或能表示值抽象概念
  • 變量不是數值本身,它們僅僅是一個用于存儲數值的容器
  • 定義變量
    var.png
  • 變量的使用
    use.png
  • 改變變量的值
    change.png
  • 合法命名
    name.png
  • 優秀的變量命名法
    name-1.png
  • 變量的默認值
    default.png
  • 常見錯誤
    error.png
    error-1.png
  • 同時聲明多個變量
    multiple.png
  • 變量聲明提升
    improve.png

5. 重點內容

  • 前端開發主要有哪些層?語言和功能是什么?
  • JavaScript的書寫位置是哪里?
  • JavaScript有哪些輸出語句?
  • 變量是什么?如何定義變量?變量的合法命名規則有哪些?
  • 只用var定義一個變量,但是沒有賦初值,這個變量的值是?
  • 什么是變量聲明的提升?
  • JavaScript中,等號的功能是什么?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/35047.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/35047.shtml
英文地址,請注明出處:http://en.pswp.cn/news/35047.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

使用python快速搭建HTTP服務實現局域網網頁瀏覽或文件傳輸

1.使用命令行&#xff08;CMD&#xff09;來快速搭建一個HTTP服務器 你可以借助Python的http.server模塊。以下是在命令行中使用Python快速搭建HTTP服務器的步驟&#xff1a; 打開命令提示符&#xff08;CMD&#xff09;。 進入你想要共享文件的目錄。使用 cd 命令來切換到目…

二、編寫第一個 Spring MVC 程序

文章目錄 一、編寫第一個 Spring MVC 程序 一、編寫第一個 Spring MVC 程序 代碼示例 創建 maven 項目&#xff0c;以此項目為父項目&#xff0c;在父項目的 pom.xml 中導入相關依賴 <dependencies><dependency><groupId>junit</groupId><artifactI…

分支和循環語句(2)(C語言)

目錄 do...while()循環 do語句的語法 do語句的特點 do while循環中的break和continue 練習 goto語句 do...while()循環 do語句的語法 do 循環語句; while(表達式); do語句的特點 循環至少執行一次&#xff0c;使用的場景有限&#xff0c;所以不是經常使用。 #inc…

【uniapp】uniapp自動導入自定義組件和設置分包:

文章目錄 一、自動導入自定義組件&#xff1a;二、設置分包和預加載&#xff1a; 一、自動導入自定義組件&#xff1a; 【Volar 官網】https://github.com/vuejs/language-tools 二、設置分包和預加載&#xff1a; 【官方文檔】https://uniapp.dcloud.net.cn/collocation…

【服務平臺】Rancher運行和管理Docker和Kubernetes,提供管理生產中的容器所需的整個軟件堆棧

Rancher是一個開源軟件平臺&#xff0c;使組織能夠在生產中運行和管理Docker和Kubernetes。使用Rancher&#xff0c;組織不再需要使用一套獨特的開源技術從頭開始構建容器服務平臺。Rancher提供了管理生產中的容器所需的整個軟件堆棧。  完整軟件堆棧 Rancher是供采用容器的團…

idea添加作者信息

idea添加作者信息 自定義作者信息idea添加作者信息自定義作者信息 自定義作者信息 idea添加作者信息 在idea中&#xff0c;經常會有這些波浪紋提示&#xff0c;放在上面之后會提示添加作者信息,點擊添加作者信息后&#xff0c;但是不是自己想要的 這里提取的話好像沒什么辦法…

JavaWeb課程學習--Day01

HTML 建立css文件&#xff1a; css使用方式&#xff1a; <span>...</span>無語意包裹標簽 css中的三種選擇器&#xff1a; 注意&#xff1a;播放視音頻時要留出播放空間 盒子模型&#xff1a; 表格標簽&#xff1a; 以上表格&#xff1a; 表單標簽&#xff1a; 表…

分布式 - 服務器Nginx:一小時入門系列之動靜分離

文章目錄 1. 動靜分離的好處2. 分離靜態文件3. 修改 Nginx 配置文件4. location 命令修飾符優先級 1. 動靜分離的好處 Apache Tocmat 嚴格來說是一款java EE服務器&#xff0c;主要是用來處理 servlet請求。處理css、js、圖片這些靜態文件的IO性能不夠好&#xff0c;因此&…

ROS學習--HelloWorld的實現(C++)

1.創建工作空間并初始化 mkdir -p 自定義空間名稱/src cd 自定義空間名稱 catkin_make上述命令&#xff0c;首先會創建一個工作空間以及一個 src 子目錄&#xff0c;然后再進入工作空間調用 catkin_make命令編譯。 2.進入 src 創建 ros 包并添加依賴 cd src catkin_create_pk…

蘇紛享首屆生態人脈會成功舉辦,紛享銷客助力伙伴共同發展

近日&#xff0c;紛享銷客&蘇紛享成功舉辦了首屆生態人脈會&#xff0c;該活動于8月3日下午在蘇州東方之門舉行。本次會議匯聚了來自近20家企業的銷售精英&#xff0c;包括金蝶、泛微、夏谷、螞蟻分工、創享、黑湖智造等眾多知名企業。會議秉持著“建立生態、共同發展、深耕…

時間復雜度與空間復雜度的詳解

目錄 1.時間復雜度 2.時間復雜度計算例題 3.空間復雜度 1.時間復雜度 算法中的基本操作的執行次數&#xff0c;為算法的時間復雜度。 如何表達 時間復雜度&#xff1f; 大O的漸進表示法 實際中我們計算時間復雜度時&#xff0c;我們其實并不一定要計算精確的執行次數&#xf…

ArcGIS Pro暨基礎入門、制圖、空間分析、影像分析、三維建模、空間統計分析與建模、python融合、案例應用

GIS是利用電子計算機及其外部設備&#xff0c;采集、存儲、分析和描述整個或部分地球表面與空間信息系統。簡單地講&#xff0c;它是在一定的地域內&#xff0c;將地理空間信息和 一些與該地域地理信息相關的屬性信息結合起來&#xff0c;達到對地理和屬性信息的綜合管理。GIS的…

【數據結構】樹和二叉樹

一、樹的概念及結構 1、樹的概念 樹 是一種非線性的數據結構&#xff0c;它是由n&#xff08;n>0&#xff09;個有限結點組成一個具有層次關系的集合。把它叫做樹是因 為它看起來像一棵倒掛的樹&#xff0c;也就是說它是根朝上&#xff0c;而葉朝下的。 有一個特殊的結點&a…

mysql8.0.3集群搭建

下載mysql安裝包&#xff1a; https://dev.mysql.com/downloads/mysql/5.7.html#downloads 準備環境 1、準備三臺服務器并設置hosts 192.168.236.143 mysql1 192.168.236.144 mysql2 192.168.236.145 mysql32、設置免密登陸 #生成秘鑰 ssh-keygen -t rsa #一直按Enter即可…

php從靜態資源到動態內容

1、從HTML到PHP demo.php:后綴由html直接改為php,實際上當前頁面已經變成了動態的php應用程序腳本 demo.php: 允許通過<?php ... ?>標簽,添加php代碼到當前腳本中 php標簽內部代碼由php.exe解釋, php標簽之外的代碼原樣輸出,仍由web服務器解析 <!DOCTYPE html>…

MySQL數據庫基礎語法

一&#xff0c;數據庫操作 數據庫中不區分大小寫&#xff01;&#xff01;&#xff01; 1.1 顯示數據庫 show databases ; 如圖&#xff1a; 1.2 創建數據庫 create database [ if not exists ]數據庫名 ; 如圖&#xff1a; 1.3 使用數據庫 use 數據庫名 &#xff1b; 如圖&a…

8月13日,每日信息差

1、600余家互聯網企業發出倡議&#xff1a;積極維護防汛救災網絡秩序、截至目前&#xff0c;包括百度、微博、抖音、快手、小紅書、嗶哩嗶哩、阿里、騰訊等8家超大型互聯網平臺在內的600余家企業發出倡議書&#xff0c;唱響了萬眾一心、聚力救災救援的網上主旋律 2、蘇州調整耗…

常見的BUG分析方法有哪些?

分類法&#xff1a;對所有的BUG進行分類&#xff0c;識別出共性的問題。 根據分析的角度不同&#xff0c;也會有不同的分類方法&#xff0c;僅供參考&#xff1a; 發生階段&#xff1a;冒煙測試、迭代測試、SIT測試、UAT測試、生產&#xff1b;根據BUG的發生階段&#xff0c;我…

使用fopen等標準C庫來操作文件

fopen 需要的頭文件&#xff1a; #include <stdio.h> 函數原型&#xff1a; FILE *fopen(const char *pathname, const char *mode); 參數&#xff1a; pathname: 文件路徑mode: “r” &#xff1a;以只讀方式打開文件&#xff0c;該文件必須存在。“w” &#xff…

騰訊出了一個新聊天軟件M8

眾所周知&#xff0c;如今國內互聯網&#xff0c;微信和QQ無疑是社交領域的霸主。 下載:https://www.123pan.com/s/BP5A-RW4xh.html 不過&#xff0c;它們也有各自局限性&#xff0c;比如難以結識新朋友、功能過于復雜等。 這讓用戶產生厭倦&#xff0c;再加上近幾年AI、元宇…