整理Javascript基礎(chǔ)語法學(xué)習(xí)筆記
1、什么是變量
字面意思:變量是可變的量;
編程角度:變量是用于存儲(chǔ)某種/某些數(shù)值的存儲(chǔ)器。我們可以把變量看做一個(gè)盒子,盒子用來存放物品,物品可以是衣服、玩具、水果...等。
2、表達(dá)出你的想法(表達(dá)式)
表達(dá)式與數(shù)學(xué)中的定義相似,表達(dá)式是指具有一定的值、用操作符把常數(shù)和變量連接起來的代數(shù)式。一個(gè)表達(dá)式可以包含常數(shù)或變量。

字符串表達(dá)式:"I" + "love" + "you" + mychar //編寫串表達(dá)式,值為字符串。
數(shù)值表達(dá)式:num + 5*32 + 2.5 //編寫數(shù)值表達(dá)式,值為數(shù)值。
布爾表達(dá)式:2>3 num==5 num<60 //編寫布爾值true或flase的表達(dá)式
小明有10元錢,買了一個(gè)本,花了5元,小紅說:"你剩下的錢加上我的6元錢,就可以買個(gè)鉛筆盒了。
<script type="text/javascript">
var num1 = 10-5;//計(jì)算小明剩下多少錢
var num2 = num1+6;//小紅花多少錢買鉛筆盒
document.write("小明還剩:"+num1+"元"+"<br>");
document.write("小紅花:"+num2+"元買個(gè)鉛筆盒");
</script>
3、+號操作符
操作符是用于在JavaScript中指定一定動(dòng)作的符號。
(1)操作符
sun = numa + numb;
其中“=”和“+”都是操作符。
算數(shù)操作符(+、-、*、/等)
比較操作符(<、>、>=、<=等)
邏輯操作符(&&、||、?。?。
注意:“=”操作符是賦值,不是等于。
(2)“+”操作符
在JavaScript中,“+”不只是代表加法,還可以連接兩個(gè)字符串。
4、自加一,自減一 ( ++和- -)
算術(shù)操作符除了(+、-、*、/)外,還有兩個(gè)非常常用的操作符,自加一“++”;自減一“--”。首先來看一個(gè)例子:
mynum = 10; mynum++; //mynum的值變?yōu)?1 mynum--; //mynum的值又變回10
上面的例子中,mynum++使mynum值在原基礎(chǔ)上增加1,mynum--使mynum在原基礎(chǔ)上減去1,其實(shí)也可以寫成:
mynum = mynum + 1;//等同于mynum++ mynum = mynum - 1;//等同于mynum--
5、比較操作符
我們先來做道數(shù)學(xué)題,數(shù)學(xué)考試成績中,小明考了90分,小紅考了95分,問誰考的分?jǐn)?shù)高?
答: 因?yàn)椤?5 > 90”,所以小紅考試成績高。
其中大于號">" 就是比較操作符,小紅考試成績和小明考試成績就是操作數(shù),并且是兩個(gè)操作數(shù)。
也就是說兩個(gè)操作數(shù)通過比較操作符進(jìn)行比較,得到值為真(true)和假(false)。
操作符的含義:
< 小于
> 大于
<= 小于或等于
>= 大于或等于
== 等于
!= 不等于
var a = 5;//定義a變量,賦值為5 var b = 9; //定義b變量,賦值為9 document.write (a<b); //a小于b的值嗎? 結(jié)果是真(true) document.write (a>=b); //a大于或等于b的值嗎? 結(jié)果是假(false) document.write (a!=b); //a不等于b的值嗎? 結(jié)果是真(true) document.write (a==b); //a等于b的值嗎? 結(jié)果是假(false)
相等操作符==并不表示嚴(yán)格相等。例如:比較false與一個(gè)空字符串會(huì)得到什么結(jié)果?
var a = false;
var b = "";
if(a == b){
alert("a equals b");
}
//這個(gè)條件語句的求值結(jié)果是true。因?yàn)橄嗟炔僮鞣?=認(rèn)為空字符串于false的含義相同。要進(jìn)行嚴(yán)格比較,就要使用另一種等號(===)。這個(gè)全等操作符會(huì)執(zhí)行嚴(yán)格的比較,不僅比較值,而且會(huì)比較變量的類型:
var a = false;
var b = "";
if (a === b){
alert("a equals b");
}
這次,條件表達(dá)的求值結(jié)果就是false了。因?yàn)榧词拐J(rèn)為false與空字符串具有相同的含義,但Boolean和String可不是一種類型。
對于不等操作符!=也是如此。如果想比較嚴(yán)格的不相等就要使用!==。
6、邏輯與操作符
數(shù)學(xué)里"a>b",JavaScript里還表示"a>b";數(shù)學(xué)中的"b大于a,b小于c"是"a<b<c",JavaScript中用&&表示。
b>a && b<c //"&&"是并且的意思,讀法“b大于a”并且“b小于c”
好比我們參加高考時(shí),在進(jìn)入考場前,必須出示準(zhǔn)考證和身份證,兩者缺一不可,否則不能參加考試,表示如下:
if(有準(zhǔn)考證 &&有身份證)
{
進(jìn)行考場考試
}
“&&”是邏輯與操作符,只有“&&”兩邊值同時(shí)滿足(同時(shí)為真),整個(gè)表達(dá)式值才為真。
邏輯與操作符值表:

注意: 如果A為假,A && B為假,不會(huì)在執(zhí)行B; 反之,如果A為真,要由 B 的值來決定 A && B 的值。
7、我或你都可以 (邏輯或操作符)
"||"邏輯或操作符,相當(dāng)于生活中的“或者”,當(dāng)兩個(gè)條件中有任一個(gè)條件滿足,“邏輯或”的運(yùn)算結(jié)果就為“真”
邏輯或操作符值表:

注意: 如果A為真,A || B為真,不會(huì)在執(zhí)行B; 反之,如果A為假,要由 B 的值來決定 A || B 的值
<script type="text/javascript">
var numa,numb,jq1;
numa=50;
numb=55;
jq1= numa>numb||numa==numb;
document.write("jq1的值是:"+jq1+"<br>")
</script>
8、是非顛倒(邏輯非操作符)
"!"是邏輯非操作符,也就是"不是"的意思,非真即假,非假即真。
邏輯非操作符值表:

例:
var a=3; var b=5; var c; c=!(b>a); // b>a值是true,! (b>a)值是false c=!(b<a); // b<a值是false, ! (b<a)值是true
<script type="text/javascript">
var numa,numb,jq1;
numa=60;
numb=70;
jq1=!(numa<numb);
document.write("jq1的值是:"+jq1+"<br>")//輸出值jq1的值是:false
</script>
保持先后順序(操作符優(yōu)先級)
例一:
var numa=3; var numb=6 jq= numa + 30 / 2 - numb * 3; // 結(jié)果為0
例二:
var numa=3; var numb=6 jq= ((numa + 30) / (2 - numb)) * 3; //結(jié)果是-24.75
操作符之間的優(yōu)先級(高到低):
算術(shù)操作符 → 比較操作符 → 邏輯操作符 → "="賦值符號
如果同級的運(yùn)算是按從左到右次序進(jìn)行,多層括號由里向外。
var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3<2; //結(jié)果為false
<script type="text/javascript">
var numa,numb,jq1;
numa=5;
numb=2;
jq1=numa + 30 >10 && numb * 3<20;
jq2=((numa + 30) / (7-numb)) * 3
document.write("jq1的值是:"+jq1+"<br>");//jq1的值是:true
document.write("jq2的值是:"+jq2);//jq2的值是:21
</script>
<script type="text/javascript">
var a,b,sum;
var a = 5;
var b = 100%7;
sum = a > b && a*b > 0 ;
document.write( "我認(rèn)為 a 的值是:" + 5 + " b的值是:" + 2 + "sum 的值是:" + true+"<br/>");
document.write( "答案是,第一輪計(jì)算后,a 為:"+ a +";b為:"+b +";第一次計(jì)算sum為:"+ sum +"<br/>");
sum = ( (++a) + 3 ) / (2 - (--b) ) * 3;
document.write( "再一次計(jì)算后,我認(rèn)為 a 的值是:" + 6 + " b的值是:" + 1 + "sum 的值是:" + 27 +"<br/>");
document.write( "答案是,第二輪計(jì)算后,a 為:" + a + ";b為:" + b +";第二次計(jì)算sum為:"+ sum +",sum的類型也發(fā)生變化了。");
</script>
以上就是關(guān)于Javascript基礎(chǔ)語法的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)改變HTML上文字顏色和內(nèi)容的方法
這篇文章主要介紹了JS實(shí)現(xiàn)改變HTML上文字顏色和內(nèi)容的方法,涉及JS數(shù)學(xué)運(yùn)算與頁面元素動(dòng)態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-12-12
IScroll5實(shí)現(xiàn)下拉刷新上拉加載的功能實(shí)例
本篇文章主要介紹了IScroll5實(shí)現(xiàn)下拉刷新上拉加載的功能實(shí)例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
使用遞歸遍歷對象獲得value值的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄褂眠f歸遍歷對象獲得value值的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06

