當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript基本语法(续)

發布時間：2024/4/11 javascript 33 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript基本语法(续) 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

JavaScript基本語法續

文章目錄

JavaScript基本語法續
- 一、Javascript組成
- 二、字符串處理方法
- - 1、字符串合并操作：“ + ”
  - 2、parseInt() 將數字字符串轉化為整數
  - 3、parseFloat() 將數字字符串轉化為小數
  - 4、split() 把一個字符串分隔成字符串組成的數組
  - 5、charAt() 獲取字符串中的某一個字符
  - 6、indexOf() 查找字符串是否含有某字符
  - 7、substring() 截取字符串用法： substring(start,end)（不包括end）
  - 8、toUpperCase() 字符串轉大寫
  - 9、toLowerCase() 字符串轉小寫
  - 10、字符串反轉
- 三、類型轉換
- - 1、直接轉換 parseInt() 與 parseFloat()
  - 2、隱式轉換 “==” 和 “-”
  - 3、NaN 和 isNaN
- 四、定時器
- - 1.定時器在javascript中的作用
  - 2.定時器類型及語法
  - 3.定時器制作時鐘
  - 4、定時器制作倒計時
- 五、變量作用域
- 六、封閉函數
- 七、常用內置對象
- - 1、document
  - 2、location
  - 3、Math

一、Javascript組成

1、ECMAscript javascript的語法（變量、函數、循環語句等語法）
2、DOM 文檔對象模型操作html和css的方法
3、BOM 瀏覽器對象模型操作瀏覽器的一些方法

二、字符串處理方法

1、字符串合并操作：“ + ”

var iNum01 = 12; var iNum02 = 24; var sNum03 = '12'; var sTr = 'abc'; alert(iNum01+iNum02); //彈出36 alert(iNum01+sNum03); //彈出1212 數字和字符串相加等同于字符串相加 alert(sNum03+sTr); // 彈出12abc

2、parseInt() 將數字字符串轉化為整數

var sNum01 = '12'; var sNum02 = '24'; var sNum03 = '12.32'; alert(sNum01+sNum02); //彈出1224 alert(parseInt(sNum01)+parseInt(sNum02)) //彈出36 alert(sNum03) //彈出數字12 將字符串小數轉化為數字整數

3、parseFloat() 將數字字符串轉化為小數

var sNum03 = '12.32' alert(parseFloat(sNum03)); //彈出 12.32 將字符串小數轉化為數字小數

4、split() 把一個字符串分隔成字符串組成的數組

var sTr = '2017-4-22'; var aRr = sTr.split("-"); var aRr2= sTr.split("");alert(aRr); //彈出['2017','4','2'] alert(aRr2); //彈出['2','0','1','7','-','4','-','2','2']

5、charAt() 獲取字符串中的某一個字符

var sId = "#div1"; var sTr = sId.charAt(0); alert(sTr); //彈出 #

6、indexOf() 查找字符串是否含有某字符

var sTr = "abcdefgh"; var iNum = sTr.indexOf("c"); alert(iNum); //彈出2

7、substring() 截取字符串用法： substring(start,end)（不包括end）

var sTr = "abcdefghijkl"; var sTr2 = sTr.substring(3,5); var sTr3 = sTr.substring(1);alert(sTr2); //彈出 de alert(sTr3); //彈出 bcdefghijkl

8、toUpperCase() 字符串轉大寫

var sTr = "abcdef"; var sTr2 = sTr.toUpperCase(); alert(sTr2); //彈出ABCDEF

9、toLowerCase() 字符串轉小寫

var sTr = "ABCDEF"; var sTr2 = sTr.toLowerCase(); alert(sTr2); //彈出abcdef

10、字符串反轉

var str = 'asdfj12jlsdkf098'; var str2 = str.split('').reverse().join('');alert(str2);

三、類型轉換

1、直接轉換 parseInt() 與 parseFloat()

alert('12'+7); //彈出127 alert( parseInt('12') + 7 ); //彈出19 alert( parseInt(5.6)); // 彈出5 alert('5.6'+2.3); // 彈出5.62.3 alert(parseFloat('5.6')+2.3); // 彈出7.8999999999999995 alert(0.1+0.2); //彈出 0.3000000000000004 alert((0.1*100+0.2*100)/100); //彈出0.3 alert((parseFloat('5.6')*100+2.3*100)/100); //彈出7.9

2、隱式轉換 “==” 和 “-”

if('3'==3) {alert('相等'); }// 彈出'相等' alert('10'-3); // 彈出7

3、NaN 和 isNaN

alert( parseInt('123abc') ); // 彈出123 alert( parseInt('abc123') ); // 彈出NaN

四、定時器

1.定時器在javascript中的作用

1、制作動畫
2、異步操作
3、函數緩沖與節流

2.定時器類型及語法

/*定時器：setTimeout 只執行一次的定時器 clearTimeout 關閉只執行一次的定時器setInterval 反復執行的定時器clearInterval 關閉反復執行的定時器*/ var time1 = setTimeout(myalert,2000); var time2 = setInterval(myalert,2000); /* clearTimeout(time1); clearInterval(time2); */ function myalert(){alert('ok!'); }

3.定時器制作時鐘

4、定時器制作倒計時

五、變量作用域

變量作用域指的是變量的作用范圍，javascript中的變量分為全局變量和局部變量。

1、全局變量：在函數之外定義的變量，為整個頁面公用，函數內部外部都可以訪問。
2、局部變量：在函數內部定義的變量，只能在定義該變量的函數內部訪問，外部無法訪問。

六、封閉函數

封閉函數是javascript中匿名函數的另外一種寫法，創建一個一開始就執行而不用命名的函數。

一般定義的函數和執行函數：

function myalert(){alert('hello!'); };myalert();

封閉函數：

(function myalert(){alert('hello!'); })();

還可以在函數定義前加上“~”和“!”等符號來定義匿名函數

!function myalert(){alert('hello!'); }()

封閉函數的好處
封閉函數可以創造一個獨立的空間，在封閉函數內定義的變量和函數不會影響外部同名的函數和變量，可以避免命名沖突，在頁面上引入多個js文件時，用這種方式添加js文件比較安全，比如：

var iNum01 = 12; function myalert(){alert('hello!'); }(function(){var iNum01 = 24;function myalert(){alert('hello!world');}alert(iNum01);myalert() })()alert(iNum01); myalert();

七、常用內置對象

1、document

document.getElementById //通過id獲取元素
document.getElementsByTagName //通過標簽名獲取元素
document.referrer //獲取上一個跳轉頁面的地址(需要服務器環境)

2、location

window.location.href //獲取或者重定url地址
window.location.search //獲取地址參數部分
window.location.hash //獲取頁面錨點或者叫哈希值

3、Math

Math.random 獲取0-1的隨機數
Math.floor 向下取整
Math.ceil 向上取整

總結

以上是生活随笔為你收集整理的JavaScript基本语法(续)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： HTML使用简介
下一篇：用 Go 解析复杂 JSON 的思路