JavaScript from w3school

筆記

  1. 如果在文檔已完成加載后執(zhí)行 document.write,整個(gè) HTML 頁(yè)面將被覆蓋
  2. 大小寫敏感,每行后分號(hào)
  3. 注釋:
//commit one line
/*
commit 
more commit 
*/
  1. 聲明:var a;a=1; 或者var a=1; 聲明的都是對(duì)象
    聲明類型用new,
    var x= new Number; var person= new Object;
  2. 如果重新聲明 JavaScript 變量,該變量的值不會(huì)丟失:
    在以下兩條語(yǔ)句執(zhí)行后,變量 carname 的值依然是"Volvo":
    var carname="Volvo";
    var carname;
  3. 單引號(hào)里套雙引號(hào),或者雙引號(hào)里套單引號(hào)
  4. 聲明數(shù)組的三種方法
//1
var cars=new Array();
cars[0]="Audi";
cars[1]="BMW";
cars[2]="Volvo";
//2,這個(gè)方式好奇怪
var cars=new Array("Audi","BMW","Volvo");
//3
var cars=["Audi","BMW","Volvo"];
  1. 對(duì)象的聲明和賦值var person={firstname:"Bill", lastname:"Gates", id:5566};
  2. 對(duì)象屬性有兩種尋址方式:
    name=person.lastname;
    name=person["lastname"];
  3. JavaScript 中的幾乎所有事務(wù)都是對(duì)象:字符串、數(shù)字、數(shù)組、日期、函數(shù),等等。你也可以創(chuàng)建自己的對(duì)象。 提示:在面向?qū)ο蟮恼Z(yǔ)言中,屬性和方法常被稱為對(duì)象的成員。
  4. 創(chuàng)建一個(gè)對(duì)象,可以objectName=new object()然后給各個(gè)屬性賦值,也可以直接objectName={}里面用屬性名字:屬性值這樣鍵值對(duì)的方式賦值
  5. 使用對(duì)象構(gòu)造器
function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
}
var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");
//添加方法
this.changeName=changeName;
//這么說,這句話相當(dāng)于給這個(gè)object聲明了一個(gè)方法,并且給這個(gè)方法賦值為蝦米這個(gè)函數(shù)
function changeName(name)
{
this.lastname=name;
}
}
//調(diào)用
myMother.changeName("Ballmer");
  1. a.length 對(duì)象的屬性; a.toUpperCase() 對(duì)象的方法
  2. 函數(shù),如我們所知,可傳參進(jìn)去,但是,有返回值,然而沒有接受返回值的東西(被go洗腦的我覺得這樣真是反人類)
//變量接收返回值或者直接用
var myVar=myFunction();
document.getElementById("demo").innerHTML=myFunction();
function myFunction()
{
var x=5;
return x;
}
  1. 局部變量:函數(shù)內(nèi)部聲明(var),作用域就在函數(shù)內(nèi)部,不同函數(shù)中局部變量可以重名,退出函數(shù)后刪除
    全局變量:函數(shù)外聲明,網(wǎng)頁(yè)上所有腳本和函數(shù)都可以訪問,頁(yè)面關(guān)閉后刪除


    給未聲明變量賦值
  2. 運(yùn)算:
    +可以拼接字符串;
    如果把數(shù)字與字符串相加,結(jié)果將成為字符串。
y=5
x=++y  //x=6
x=--y  //x=4
  1. 條件運(yùn)算符,類似一個(gè)簡(jiǎn)單的if else
//syntax:variablename=(condition)?value1:value2 
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
//如果變量 visitor 中的值是 "PRES",則向變量 greeting 賦值 "Dear President ",否則賦值 "Dear"。
  1. if else用法和其他語(yǔ)言一樣
  2. switch 遇到匹配項(xiàng),執(zhí)行,繼續(xù)執(zhí)行,break可以阻止繼續(xù)執(zhí)行,沒有匹配項(xiàng),執(zhí)行default
  3. for/for in/while/do while loop
//for 首末項(xiàng)可省略,( ;i<cars.length; )
for (var i=0;i<cars.length;i++)
{
document.write(cars[i] + "<br>");
}
//for in 遍歷對(duì)象的屬性
var person={fname:"Bill",lname:"Gates",age:56}; 
for (x in person)
{
txt=txt + person[x];
}
//output:BillGates56
//注意!
//注意!
//注意!這里有種奇葩的寫法,反正我第一次見,雖然勉強(qiáng)說得過去,但是網(wǎng)站上并沒有給出合理的解釋,哪位老司機(jī)有官方講解,來個(gè)看看
for (;cars[i];){...}
while (cars[i]){...}
  1. break/continue
    break跳出循環(huán),continue跳出本次循環(huán),進(jìn)行下次循環(huán)(???這是基礎(chǔ),我知道啊,知道你們都會(huì))
  2. label,估計(jì)跟go的一樣,半輩子不會(huì)用到一次,寫著玩可以用
  3. try catch throw
<script>
function myFunction()
{
try
  {
  var x=document.getElementById("demo").value;
  if(x=="")    throw "empty";
  if(isNaN(x)) throw "not a number";
  if(x>10)     throw "too high";
  if(x<5)      throw "too low";
  }
catch(err)
  {
  var y=document.getElementById("mess");
  y.innerHTML="Error: " + err + ".";
  }
}
</script>
<h1>My First JavaScript</h1>
<p>Please input a number between 5 and 10:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">Test Input</button>
<p id="mess"></p>
  1. JavaScript 是面向?qū)ο蟮恼Z(yǔ)言,但 JavaScript 不使用類。
    在 JavaScript 中,不會(huì)創(chuàng)建類,也不會(huì)通過類來創(chuàng)建對(duì)象(就像在其他面向?qū)ο蟮恼Z(yǔ)言中那樣)。
    JavaScript 基于 prototype,而不是基于類的。
  2. 所有 JavaScript 數(shù)字均為 64 位(8 比特),浮點(diǎn)數(shù)。
  3. 如果前綴為 0,則 JavaScript 會(huì)把數(shù)值常量解釋為八進(jìn)制數(shù),如果前綴為 0 和 "x",則解釋為十六進(jìn)制數(shù)。
  4. 數(shù)字屬性和方法(http://www.w3school.com.cn/jsref/jsref_obj_number.asp
    屬性:
    MAX VALUE
    MIN VALUE
    NEGATIVE INFINITIVE
    POSITIVE INFINITIVE
    NaN
    prototype
    constructor
    方法:
    toExponential()
    toFixed()
    toPrecision()
    toString()
    valueOf()
  5. 正則的一個(gè)例子:
var patt1=new RegExp("e");
document.write(patt1.test("The best things in life are free")); 
//output:true

總的來說,這里的教程不如廖雪峰那邊的好,個(gè)人覺得。。我再去看一遍廖雪峰的,不過其實(shí)現(xiàn)在這樣刷題應(yīng)該也夠用了,方法還需要再多了解一點(diǎn)

最后編輯于
?著作權(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)容

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