javaScript語(yǔ)法

一,js的引入方式

1.將js代碼放到head中

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>js 的引入方式</title>
    <script>
    // javascript goes here
    </script>
</head>

2,在body中單獨(dú)引入js文件

<body>
    
    <!--Mauk-up goes here...-->
    <script type="text/javascript" src="file.js"></script>
</body>

二,注釋

 //我是單行注釋

<!--我是多行注釋
    我是多行注釋
    我是多行注釋 -->

三,變量

概念

變量:在日常生活里,有些東西是固定不變的,有些東西則會(huì)改變。我們把那些發(fā)生改變的東西稱為變量。
賦值:把值存入變量的操作。
聲明:有很多語(yǔ)言要求在使用任何變量之前必須先對(duì)它做出“介紹”,也稱為聲明。

定義變量 并賦值

  var age = 33;

變量賦值

 mood = "happy";
 age = 33;

聲明

var mood;
var age;

聲明和賦值最有效的寫法

 var mood ="happy" , age = 33 ;

變量的的寫法
1,變量名允許包含字母,數(shù)字,美元符號(hào)($);

 var my_mood = "happy";

2,使用駝峰格式

  var myMood = “happy”;

*通常駝峰格式是函數(shù)名,方法名和對(duì)象屬性名命名的首選。

四,數(shù)據(jù)類型
概念
類型聲明:有些其他語(yǔ)言要求在聲明變量的同時(shí)還必須同時(shí)聲明變量的數(shù)據(jù)類型,這種做法稱為類型聲明。

  • 1,字符串
var mood = 'happy';
//轉(zhuǎn)義
var mood = "don't ask"
var modd = 'don\'t ask' //如果想使用單引號(hào),必須用\進(jìn)行轉(zhuǎn)義。
  • 2,數(shù)值
    javascript支持小數(shù)
var age = 33.25;

也可以使用負(fù)數(shù)

var age = -20;

也支持浮點(diǎn)數(shù)

var age = -20.33333;
  • 3,布爾值
    布爾數(shù)據(jù)只有兩個(gè)可選值——true或 false;
var sleeping = true;
//布爾值不是字符串千萬(wàn)不要用引號(hào)括起來(lái)。
  • 4,數(shù)組
概念

數(shù)組是指用一個(gè)變量表示一個(gè)值得集合,集合中的每一個(gè)值都是這個(gè)數(shù)組的一個(gè)元素。
數(shù)組的長(zhǎng)度

var beatles01 = Array(4);

聲明數(shù)組并進(jìn)行填充

var beatles02 =Array("John" , "Paul" , "George" , "Ringo");

或者

var beatles03 =["John" , "Paul" , "George" , "Ringo"];

*數(shù)組元素不必非得是字符串??梢园岩恍┎紶栔荡嫒胍粋€(gè)數(shù)組,還可以把一組數(shù)值存入一個(gè)數(shù)組

var beatles4 = [12,13,23,34];

甚至可以把這三個(gè)數(shù)據(jù)類型混雜在一起存入一個(gè)數(shù)組

var beatles5 = ["John" , 12, true];

數(shù)組元素還可以是變量

var name = "John";
beartles6[0] = name;

這將把beartles6數(shù)組的第一元素賦值為:“John”;

var names = ["John" , "Paul" , "George" , "Ringo"];
beates[1] = names[3];

數(shù)組元素的值還可以是另一個(gè)數(shù)組的元素。將把beates第二個(gè)值改為Ringo

var lennon =  ["John" , "Paul" , "George" , "Ringo"];
var beates = [ ];
beates [0] =lennon;

數(shù)組還可以包含其他的數(shù)組。數(shù)組中的任何一個(gè)元素都可以把一個(gè)數(shù)組作為它的值。

  • 5,對(duì)象
    對(duì)象的每個(gè)值都是對(duì)象的一個(gè)屬性。
var lennon = object();
lennon.name = "john";
lennon.name ="1920";
lennon.name = false;

*創(chuàng)建對(duì)象使用object關(guān)鍵字。它不使用方括號(hào)和下標(biāo)來(lái)獲取元素,而是像任何javascript對(duì)象一樣,使用點(diǎn)號(hào)來(lái)獲取屬性。

創(chuàng)建對(duì)象還有一種更簡(jiǎn)潔的方法,即花括號(hào)語(yǔ)法:

var lennon ={name:"john",year:10, living:false};

創(chuàng)建一個(gè)新數(shù)組,并用lennon對(duì)象來(lái)填充它的第一個(gè)元素。

var beate = [ ];
beate[0] = lennon;

五.操作

  • 1,算數(shù)操作符
    簡(jiǎn)單的加法
1+4

多種操作符組合在一起

1+4*5

變量還可以包含操作符

var tatal = (1+4)*5;

如果給一個(gè)變量數(shù)值加1

year = year + 1;

也可以使用++

year ++;

甚至可以把數(shù)字跟字符串拼接到一起,數(shù)字將自動(dòng)轉(zhuǎn)化成字符串

var mood = "happy";
var message = "I am feeling" +mood;
console.log(message);
I am feeling happy
var year =200;
var message ="I am year is " + year;
consoe.log(message);
I am year is 200

*字符串跟數(shù)值拼接,結(jié)果是一個(gè)更長(zhǎng)的字符串;數(shù)值跟數(shù)值拼接,結(jié)果是倆個(gè)數(shù)值得算術(shù)和;

alert("10" + 10); // "1010"
alert(10 + 10) ;//20
  • 2,條件語(yǔ)句
if(1>2){
 alert("This world has gone mad")
}
  • 2.1比較操作符my
    = 賦值
var my_good = "happy";

== 比較

var my_good = "happy";
var your_mood = "sad";
if(my_good == your_mood){
alert("We both fell the same");
}

=== 全等于

var a =false;
var b = "";
if(a===b){
alert("a equals b");
}

!=不等于

if(my_mood != your_mood){
alert("We're feeling  different moods");
}
  • 2.2邏輯操作符
    || 或
if(num>10 || num <=10){
alert("The number is not in the right range.")
}

&& 與

if(num>=5 && num <=10){
alert("The number is in the right range.")
}
  • 2.3循環(huán)
    1,while循環(huán)
var count =1;
white(count <11){
    count++;
}

2,for循環(huán)

for(var i=0; i<length; i++){
    alert(i);
}
  • 2.4函數(shù)
概念

函數(shù):如果需要多次使用同一段代碼,可以把它們封裝成一個(gè)函數(shù)。函數(shù)就是允許你在代碼里隨時(shí)調(diào)用的語(yǔ)句。

function shout(){
var beatles = Array("jonh","Paul","George","Ringo");
for(var count =0;count <beatles.length;count++){
alert(beatles[count]);
}
}
shout()//調(diào)用
  • 2.5變量的作用域
    全局變量:可以在腳本任何位置被引用。
function square(num){
total = num *num;
return total;
}
var total = 50;
var number =square(20);
alert(total);//400

局部變量:只存在于聲明它的那個(gè)函數(shù)的內(nèi)部,在那個(gè)函數(shù)外部是無(wú)法訪問(wèn)它的。

function square(num){
//我們把傳遞給函數(shù)的數(shù)據(jù)稱為參數(shù)。
var total = num*num;
var number =square(20);

return total;
}
alert(total);

*全局作用域是整個(gè)腳本;局部變量的作用域只限于特定的函數(shù)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、標(biāo)識(shí)符 標(biāo)識(shí)符是指變量、函數(shù)、屬性的名字,或函數(shù)的參數(shù)。 格式規(guī)則: 第一個(gè)字符必須是一個(gè)字母、下劃線(_)或...
    霜天曉閱讀 761評(píng)論 0 0
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,674評(píng)論 0 4
  • 一、基本語(yǔ)法 1. 語(yǔ)句 1.1 每一行是一個(gè)語(yǔ)句,語(yǔ)句不需返回值,表達(dá)式有返回值。 2. 變量 2.1 嚴(yán)格地說(shuō)...
    Viaphlyn閱讀 274評(píng)論 0 0
  • 為何要顛沛 為何要流離 為何食不果腹 為何露宿荒野 為何背井離鄉(xiāng) ...
    清修_d5a0閱讀 361評(píng)論 0 0
  • 在《大護(hù)法》上映前,我在地鐵上看到它的宣傳片,就想著上映一定要去看,直到昨天走進(jìn)影院之前我都覺(jué)得這是一部動(dòng)畫片。看...
    夕間良木閱讀 641評(píng)論 0 2

友情鏈接更多精彩內(nèi)容