初識(shí)JavaScript的基礎(chǔ)
一、JavaScript的書寫位置
一般分為三種:行內(nèi)、內(nèi)嵌、和外
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <!-- 2.內(nèi)嵌式的js --> <script> alert('彈出') </script> <!-- 3.外部的js --> <script src="outside.js"></script> </head> <body> <!-- 1.行內(nèi)式的js,直接寫在元素內(nèi)部 --> <input type="button" value="button" onclick="alert('我是一個(gè)按鍵')"> </body> </html>
二、JavaScript常用的輸入輸出語句
1.瀏覽器彈出警告框:
alert(msg)
2.瀏覽器控制臺(tái)打印輸出信息:
console.log(msg)
輸出信息在F12中的console可以看到
3.瀏覽器彈出輸入框,讓用戶可以輸入:
prompt(info)
三、變量
1.變量的使用:
1.聲明變量 2.賦值
js的數(shù)據(jù)變量類型在程序運(yùn)行時(shí)根據(jù)等號(hào)右邊的值來進(jìn)行確認(rèn)
var a;//聲明變量a a=1; alert(a)
2.讀取輸入的值(cin>>)
<script> var a = prompt(); // a=1; alert(a); </script>
3.JavaScript中數(shù)值的最大最小值、無窮
Number.MAX_VALUE Number.MIN_VALUE
Infinity -Infinity
4.使用isNaN來判斷是否為數(shù)字
isNaN(11) 返回false 不是數(shù)字返回true
5.typeof檢測(cè)變量數(shù)據(jù)類型
<script> var num =10; console.log(typeof num);//檢測(cè)num的數(shù)據(jù)類型 </script>
6.數(shù)據(jù)類型轉(zhuǎn)換
6.1轉(zhuǎn)換為字符串
//1. toString() var num=1; alert(num.toString()); //2.String()強(qiáng)制轉(zhuǎn)換 var num = 1; alert(String(num)); //3.加號(hào)拼接字符串 var num = 1; alert(num+"字符串");
6.2轉(zhuǎn)化成數(shù)字型
<script> // 1.parseInt 得到的是整數(shù) var age = prompt("input your age"); console.log(parseInt(age)) // 2.parseFloat 得到的是浮點(diǎn)數(shù) console.log(parseFloat(age)); // 3.Number()強(qiáng)制轉(zhuǎn)換 console.log(Number(age)); // 4.利用算數(shù)運(yùn)算 - * /都可以 console.log('12'-0); console.log('12'-'10')//輸出為數(shù)字型的2 </script>
6.3轉(zhuǎn)化為布爾型
使用Boolean()函數(shù)
代表空、否定的值會(huì)被轉(zhuǎn)換為 false ,如〝O
、NaN
、 null
、undefined
其余值都會(huì)被轉(zhuǎn)換為 true
四、運(yùn)算符
運(yùn)算符優(yōu)先級(jí)
五、函數(shù)
1.函數(shù)的使用:先聲明函數(shù),再調(diào)用函數(shù)
function 函數(shù)名(){ //函數(shù)體 }
2.函數(shù)的參數(shù)
分為形參和實(shí)參
3.函數(shù)的返回值
用return return 返回的值
return后面的代碼不會(huì)被執(zhí)行且只能返回一個(gè)值
4.argument的使用
當(dāng)我們不確定有多少個(gè)參數(shù)傳遞的時(shí)候,可以用arguments來獲取。在JavaScript中,arguments 實(shí)際上它是當(dāng)前函數(shù)的一個(gè)內(nèi)置對(duì)象。所有函數(shù)都內(nèi)置了一個(gè)arguments 對(duì)象,arguments 對(duì)象中存儲(chǔ)了傳遞的所有實(shí)參
function fn(){ console.log(argument);//里面存儲(chǔ)了所有傳遞過來的實(shí)參 } fn(1,2,3);
瀏覽器中
argument展示形式是一個(gè)偽數(shù)組,但是他具有數(shù)組的length的屬性并且按照索引的方式存儲(chǔ)??墒撬麤]有數(shù)組的一些方法 如:pop push
5.函數(shù)的兩種聲明方法
1.命名函數(shù)
function fn(){ //函數(shù)體 } fn();
2.匿名函數(shù)
var fun = function(){ //函數(shù)體 } fun();
fun是變量名 不是函數(shù)名但函數(shù)表達(dá)式(匿名函數(shù))也可以進(jìn)行參數(shù)的傳遞
六、作用域
1.JavaScript的作用域
通常來說 ,一段程序代碼中所用到的名字并不總是有效和可用的,而限定這個(gè)名字的可用性的代碼范圍就是這個(gè)名字的作用域。作用域的使用提高了程序邏程的局部性,增強(qiáng)了程序的可靠性,減少了名字沖突。
一般分為全局作用域和局部作用域
全局作用域是在整個(gè)script標(biāo)簽中的,局部作用域是在函數(shù)內(nèi)部
值得注意的是,在js中是沒有塊級(jí)作用域的,即如果在if中聲明一個(gè)變量,在外面也是可以調(diào)用的
if(3>5){ var num = 1; } console.log(num);
在瀏覽器中是可以進(jìn)行編譯不會(huì)報(bào)錯(cuò)的
2.變量的作用域
全局變量也是在script標(biāo)簽中的,如果在函數(shù)內(nèi)部沒有聲明直接賦值的變量也屬于全局變量
function fn(){ num2 =10;//全局變量 var num1 =1;//局部變量 }
全局變量在函數(shù)中也可以使用
3.作用域鏈
根據(jù)在內(nèi)部函數(shù)可以訪問外部函數(shù)變量的這種機(jī)制,用鏈?zhǔn)讲檎覜Q定哪些數(shù)據(jù)能被內(nèi)部函數(shù)訪問
采用就近原則。
總結(jié)
本篇文章就到這里了,希望能夠給你帶來幫助,也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!
相關(guān)文章
js中一維數(shù)組和二位數(shù)組中的幾個(gè)問題示例說明
這篇文章主要介紹了js中一維數(shù)組和二位數(shù)組中的幾個(gè)問題,并給出對(duì)應(yīng)的解決方法,需要的朋友可以參考下2014-07-07uniapp父子組件傳值3種方法(props、slot和ref)
這篇文章主要給大家介紹了關(guān)于uniapp父子組件傳值的3種方法,方法包括props、slot和ref,最近看到uniapp組件傳值的方法,這里記錄一下,需要的朋友可以參考下2023-07-07Javascript入門學(xué)習(xí)第一篇 js基礎(chǔ)
這是我看了DOM編程藝術(shù),悟透JavaScript,javascript權(quán)威指南5做的筆記,我資質(zhì)不深,不能寫出高深的文章, 如果你覺得筆記寫得不好,可以不看我以后的。這篇文章就當(dāng)作浪費(fèi)你幾分鐘。2008-07-07帶你了解session和cookie作用原理區(qū)別和用法
這篇文章主要介紹了session和cookie作用原理,區(qū)別和用法,以及使用過程中的優(yōu)缺點(diǎn),通過列舉區(qū)別和原理,使讀者更能理解兩者之間的關(guān)系,需要的朋友可以參考下2017-08-08在JavaScript中處理數(shù)組之reverse()方法的使用
這篇文章主要介紹了在JavaScript中處理數(shù)組之reverse()方法的使用,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06淺談Javascript常用正則表達(dá)式應(yīng)用
這篇文章主要介紹了Javascript常用正則表達(dá)式應(yīng)用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03JavaScript 創(chuàng)建運(yùn)動(dòng)框架的實(shí)現(xiàn)代碼
本篇文章是對(duì),在JavaScript中創(chuàng)建運(yùn)動(dòng)框架的實(shí)現(xiàn)方法進(jìn)行了介紹。需要的朋友參考下2013-05-05