前端js(一)


一、JavaScript引入方式 

  Script標簽內寫代碼

<script>
  // 在這里寫你的JS代碼
</script>

  引入額外的JS文件

<script src="myscript.js"></script>

二、JavaScript語言規范

  注釋(注釋是代碼之母)

// 這是單行注釋

/* 這是 多行注釋 */

  結束符

  JavaScript中的語句要以分號(;)為結束符

三、JavaScript語言基礎

  變量聲明

  1.JavaScript的變量名可以使用_,數字,字母,$組成,不能以數字開頭。

  2.聲明變量使用var變量名的格式來進行聲明

var name = "Alex"; var age = 18;

  注意:

  變量名是區分大小寫的。

  推薦使用駝峰式命名規則。

  保留字不能用做變量名。

  補充:

  ES6新增了let命令,用於聲明變量。其用法類似於var,但是所聲明的變量只在let命令所在的代碼塊內有效。例如:for循環的計算器就很適合使用let命令

for (let i=0;i<arr.length;i++){...}

  ES6新增const用來聲明常量。一旦聲明,其值就不能改變。

const PI = 3.1415; PI // 3.1415
 PI = 3
// TypeError: "PI" is read-only

四、JavaScript數據類型

  JavaScript擁有動態類型

var x;  // 此時x是undefined
var x = 1;  // 此時x是數字
var x = "Alex"  // 此時x是字符串 

  數值(Number)

  JavaScript不區分整型和浮點型,就只有一種數字類型。

 

var a = 12.34;
var b = 20;
var c = 123e5;  // 12300000
var d = 123e-5;  // 0.00123

  還有一種NaN,表示不是一個數字(Not a Number)。

  常用方法:

 

var a = "Hello"
var b = "world; var c = a + b; console.log(c); // 得到Helloworld

 

  字符串(String)

 

var a = "Hello"
var b = "world; var c = a + b; console.log(c); // 得到Helloworld

  常用方法:

  拼接字符串一般使用“+”

 

// 普通字符串
`這是普通字符串!` // 多行文本
`這是多行的 文本` // 字符串中嵌入變量
var name = "jason", time = "today"; `Hello ${name}, how are you ${time}?`

 

  注意:

  如果模板字符串中需要使用反引號,則在其前面要用反斜杠轉義。

  布爾值(Boolean)

  區別於Python,true和false都是小寫。

 

var a = true; var b = false;

 

  null和undefined

  • null表示值是空,一般在需要指定或清空一個變量時才會使用,如 name=null;
  • undefined表示當聲明一個變量但未初始化時,該變量的默認值是undefined。還有就是函數無明確的返回值時,返回的也是undefined。

 

  null表示變量的值是空(null可以手動清空一個變量的值,使得該變量變為object類型,值為null),undefined則表示只聲明了變量,但還沒有賦值。

  對象(Object)

  JavaScript 中的所有事物都是對象:字符串、數值、數組、函數...此外,JavaScript 允許自定義對象。

  JavaScript 提供多個內建對象,比如 String、Date、Array 等等。

  對象只是帶有屬性和方法的特殊數據類型。

  數組

  數組對象的作用是:使用單獨的變量名來存儲一系列的值。類似於Python中的列表。

 

var a = [123, "ABC"]; console.log(a[1]);  // 輸出"ABC"

 

  常用方法:

  forEach()

  語法:

  forEach(function(currentValue, index, arr), thisValue)

  參數:

  splice()

  語法:

  splice(index,howmany,item1,.....,itemX)

  參數:

  以下詳情見解:

  鏈接:https://www.cnblogs.com/Dominic-Ji/p/9111021.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM