js組成的三大部分
ecmascript(es3 / es6~9): 定義了js的語法規範:定義了語言本身的變數、資料值、操作語句、記憶體管理...等內容
dom(document object model): 文件物件模型:提供對應的屬性和方法,可以讓js操作頁面中的dom元素
bom(browser object model): 瀏覽器物件模型:提供操作瀏覽器的屬性和方法
注意:當代專案開發,一般都是基於vue/react完成的,基於這兩個框架,我們已經不去操作dom了,我們運算元據
js中的變數 variable
變數:可變的量(其儲存的值是可變的),設定乙個變數(起個名字),讓其代表和指向某乙個具體的值
js中建立變數的幾種方式
es3:var
es6:let 、const
function 建立函式
class 建立乙個類
import / require 基於es6module或者common.js規範匯入模組
1.基於var建立
var n = 10;
var m;
console.log(n, m); => 10 undefined
2.基於es6中的let建立
let a = 100;
a = 200;
console.log(a); => 200
3.基於es6中的const建立(基於const定義的變數一般也被成為常量);
const b = 1000;
console.log(b); => uncaught typeerror: assignment to constant variable.
4.建立乙個函式
function func() {}
console.log(func);
5.建立乙個類
class parent {}
console.log(parent);
6.基於模組規範來匯入具體的某個模組
import axios from './axios';
let axios = require('./axios');
命名規範:嚴格區分大小寫!!編寫**的時候一定要區分大小寫問題
let test = 100;
console.log(test); //=>uncaught referenceerror: test is not defined
使用駝峰命名法
由有意義英文組成乙個名字,第乙個單詞首字母小寫,其餘每乙個有意義的單詞首字母大寫
例如:let studentinfo = {};
專案中常見的有特殊含義的端片語
add / insert / create 新增/插入/建立
del / delete / remove 刪除/移除
update 修改
select / query / get 查詢/獲取
info 資訊
命名規則:使用 「$、_、英文本母、數字」 命名,數字不能作為開頭
想要分隔單詞,可以使用_或者駝峰,但是不能是-
中文命名雖然不報錯,但是強烈不建議!
不能使用關鍵字和保留字
關鍵字:在js中有特殊含義的
保留字:未來可能會成為關鍵字的
一些知識點補充:
基於$開頭:一般代表使用jq或者其它使用 美元符 的類庫獲取的內容
基於_開頭:一般代表是全域性或者公共的變數
基於數字區分相似名稱的變數
js中的資料型別
1.基本資料型別(值型別 / 原始值)
數字 number
字串 string
布林 boolean
空物件指標 null
未定義 undefined
es6新增的唯一值型別 symbol
2.引用資料型別
物件資料型別 object
普通物件 {}
陣列物件
正則物件 /^$/
日期物件 new date
數學函式物件 math ...等等
函式資料型別 function
js知識點 掘金 JS基礎筆記(一)
基礎 一 提公升 宣告提公升 console.log r var r hello world 輸出undefined 上述 等價於 var r console.log r r hello world 之所以會輸出 undefined,原因就在於宣告的提公升,var 變數會提公升到頂部進行宣告。再舉個...
js知識點 掘金 JS小知識點補充
toc 邏輯或與邏輯與 1.在條件判斷中使用 條件中的 兩個條件都成立,整體判斷條件才會成立 條件中的 只要有乙個條件成立,整體判斷條件就成立。2.在賦值操作中使用 var a 1 2 首先驗證1是真假,如果為真,把1賦值給a,如果為假,把2賦值給a a b 先驗證a的真假,為真結果是a,為假結果是...
關於js的一些基礎知識點
1.js的資料型別 number,string,boolean,null,undefine,object.3.js的彈框有3種 alert msg 只能作為資訊的提示框表現 confirm msg 資訊提示再做操作,確認or取消 prompt msg,text 顯示可以提示使用者進行輸入的對話方塊。...