您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關JavaScript基礎入門知識點有哪些的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
JavaScript(Java腳本)是一種基于對象(Object)和事件驅動( Event Driven)并具有安全性能的解釋型腳本語言,目的是能夠在客戶端的網頁中增加動態效果和交互能力,實現了用戶與網頁之間的一種實時的、動態的交互關系。
JS組成:ECMAScript(JS的核心)、DOM(文檔對象模型)、BOM(瀏覽器對象模型)
ECMAScript:主要定義了 JS 的語法
DOM:一套操作頁面元素的 API,DOM 可以把 HTML 看做是文檔樹,通過 DOM 提供的 API 可以對樹上的節點進行操作
BOM:一套操作瀏覽器功能的 API,通過 BOM 可以操作瀏覽器窗口
主要用于網頁特效、服務端開發、命令行工具、桌面程序、APP、控制硬件—物聯網、游戲開發
1、寫在行內
<input type="button" value="按鈕" onclick="alert('Hello World')" />
2、寫在 script 標簽中
<script>
alert('Hello,world!');
</script>
由<script>...</script>包含的代碼就是JavaScript代碼,他將直接被瀏覽器執行。
3、寫入外部 js 文件中,在頁面引入
<script type="text/javascript" src="/js/Hello.js"></script>
把代碼放在單獨的文件中更有利于維護代碼,并且多個頁面可以各自引用同一個 .js 文件。
JavaScript 語法和 Java 相似,每個語句以;結束,語句塊用{···}。 注意:JavaScript 嚴格區分大小寫。
變量的概念: 一個變量就是分配了一個值的參數。使用變量可以方便的獲取或者修改內存中的數據 變量的聲明: 在聲明變量時使用關鍵字 var,要注意關鍵字與變量名之間的空格,也可以在一行中聲明多個變量,以逗號分隔變量。
var age;
var age, name, sex; age = 10; name = ‘zs’;
注意: 變量名必須是一個 JavaScript 標識符,應遵循以下標準命名規則:
第一個字符必須是字母、下劃線(_)或者美元符($)
后面可以跟字母、下劃線、美元符、數字,但不能是其他符號
在被申明的范圍內,變量的名稱必須是唯一的
不能使用保留關鍵字作為標識符
變量的賦值: 在 JavaScript 中,使用=對變量進行賦值。可以把任意數據類型賦值給變量,同一個變量可以反復賦值,而且可以是不同的數據類型的變量,但是只能用var申明一次。要顯示變量,可以用console.log(x),打開 Chrome 的控制臺就可以看到結果。
var age; age = 18;
var age = 18;
以//開頭直到行末的字符被視為注釋,注釋是給開發人員看的,JavaScript 引擎會自動忽略。 另一種塊注釋是用/*···*/把多行字符包裹起來,視為注釋。 例如:
<html>
<head>
<script> //這是一行注釋
alert('Hello,world!');
/*從這里開始是塊注釋
塊注釋結束*/
</script>
</head>
<body>
···
</body>
</html>
JS 的數據類型分為兩大類
簡單數據類型(基本數據類型):boolean、number、string、null、undefined(、symbol)
復雜數據類型:object
JavaScript 不區分整數和浮點數,統一用 number 表示,以下都是合法的 number 類型:
123;//整數123 0.456;//浮點數0.456 1.2345e3;//等同于1234.5 -99;//負數 NaN;//當無法計算結果是使用NaN表示 Infinity;//表示無限大
number 存在精度問題:
0.2 + 0.1 = 0.30000000000000004 0.1 + 0.2 !== 0.3 //true
所以最好不要判斷浮點數是否相等
用于表示由零個或多個 16 位 Unicode 字符組成的字符序列,即字符串。字符串是以單引號'或雙引號"括起來的任意文本,比如'abc'、"xyz"等等。單引號和雙引號只是一種表示方式,不是字符串的一部分,所以,字符串'abc'中只有 a、b、c 這3個字符。 特點: 不可變的 當重新為一個字符串賦值時,實際上是重新開辟內存空間,例如:
var lang=“Java”; lang=lang+“Script”;
以上代碼是先創建一個空間存放字符串 “Java”,接著在運行到下一行代碼時,在內存中重新開辟一個空間,存放的是"JavaScript",變量 lang 指向新開辟的空間。這些操作都是后臺發生的,影響網站性能,所以一般代碼中不要寫大量的字符串拼接。
null表示一個“空”的值,他和0以及空字符串’‘不同,0是一個數值,’'表示長度為0的字符串,而 null 示空。 undefined 表示“未定義”。
布爾值和布爾代數的表示完全一樣,一個布爾值只有 true 和 false 兩種值,區分大小寫。可以直接用 true 和 false 表示布爾值,也可以通過布爾運算算出來:
true;//這是一個true值
false;//這是一個false值
2>1;//這是一個true值
2>=3;//這是一個false值
null
undefined
“”
NaN
0
注意:布爾值經常用在條件判斷句中。
獲取變量類型,返回的值是string類型 結果有:
“undefined”
“boolean”
“string”
“number”
“object”
“function”
typeof 10 //"number"
typeof "10" //"string"
function fn(){
...
}
typeof fn //"function"
//age未聲明
typeof age //"undefined"
typeof null //"object"
typeof undefined //"undefined"
一、object 對象
Object 類型,我們也稱為一個對象。是 JavaScript 中的引用數據類型。
它是一種復合值,它將很多值聚合到一起,可以通過名字訪問這些值。
對象也可以看做是屬性的無序集合,每個屬性都是一個名/值對。
對象除了可以創建自有屬性,還可以通過從一個名為原型的對象那里繼承屬性。
除了字符串、數字、true、false、null 和 undefined 之外,JS 中的值都是對象。
二、創建對象 創建對象的方式有兩種
第一種:
var obj = new Object();
obj.name = "###";
obj.age = 15;
第二種:
var obj = {
name:"###",
age:15
}
三、對象屬性的訪問
訪問屬性的兩種方式:對象.屬性名 或者 對象[“屬性名”]
四、數組
數組也是對象的一種。數組是一種用于表達有順序關系的值的集合的語言結構。
創建數組 =====注意:不同于 java 數組長度可變 var users = new Array(3); users[0]=3; users[1]=9; users[2]=5; users[3]=999; 數組內的各個值被稱作元素。每一個元素 都可以通過索引(下標)來快速讀取。索引是從零開始的整數。
函數對任何語言來說都是核心的概念。通過函數可以封裝任意多條語句,而且可以在任何地方、任何時候調用執行。ECMAScript 中的函數由function關鍵字來聲明,后跟一組參數以及函數體。 語法:
function functionName(arg0,arg1...){
statement
}
示例:
function sayHi(name,message){
alert("Hello "+name+","+message);
}
sayHi("ly","how are you?");//函數的調用
一些自帶的函數
返回值 ECMAScript 中的函數定義時可以有返回值,也可以沒有返回值。當函數執行完的時候,并不是所有時候都要把結果打印。我們期望函數給我一些反饋(比如計算的結果返回進行后續的運算),這個時候可以讓函數返回一些東西。也就是返回值。函數通過 return 返回一個返回值
返回值語法:
//聲明一個帶返回值的函數
function 函數名(形參1, 形參2, 形參...){
//函數體
return 返回值;
}
//可以通過變量來接收這個返回值
var 變量 = 函數名(實參1, 實參2, 實參3);
函數的調用結果就是返回值,因此我們可以直接對函數調用結果進行操作。
返回值詳解: 如果函數沒有顯示的使用 return 語句 ,那么函數有默認的返回值:undefined 如果函數使用 return 語句,那么跟再 return 后面的值,就成了函數的返回值 如果函數使用 return 語句,但是 return 后面沒有任何值,那么函數的返回值也是:undefined 函數使用 return 語句后,這個函數會在執行完 return 語句之后停止并立即退出,也就是說 return 后面的所有其他代碼都不會再執行。
參數 ECMAScript 不介意傳遞的參數的個數,也不在乎參數的數據類型。ECMAScript 中的參數是由一個數組來表示的,函數體內部可以通過arguments對象來訪問這個參數數組。arguments對象只是與數組類似(不是Array實例)
形參和實參:
形式參數:在聲明一個函數的時候,為了函數的功能更加靈活,有些值是固定不了的,對于這些固定不了的值。我們可以給函數設置參數。這個參數沒有具體的值,僅僅起到一個占位置的作用,我們通常稱之為形式參數,也叫形參。 實際參數:如果函數在聲明時,設置了形參,那么在函數調用的時候就需要傳入對應的參數,我們把傳入的參數叫做實際參數,也叫實參。
var x = 5, y = 6;
fn(x,y);
function fn(a, b) {
console.log(a + b);
}
//x,y實參,有具體的值。函數執行的時候會把x,y復制一份給函數內部的a和b,函數內部的值是復制的新值,
感謝各位的閱讀!關于“JavaScript基礎入門知識點有哪些”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。