2021.06.23(js面向?qū)ο蠹罢齽t表達(dá)式)

js面向?qū)ο?/b>

創(chuàng)建對象的舊語法

方式1: 字面量的方式創(chuàng)建對象
{}大括號中就是一個對象,將這個對象賦值給變量person1

語法: 變量名 = {

? ? 屬性1:屬性值,

? ? 屬性2:屬性值,

? ? ...

? ? 屬性n:屬性值

}

方式2:使用構(gòu)造函數(shù)創(chuàng)建對象,語法如下:

function 函數(shù)名(參數(shù)1.參數(shù)2...){

? this.參數(shù)1 = 參數(shù)1;

? this.參數(shù)2 = 參數(shù)2;

...

}

var person2 = new 構(gòu)造函數(shù)(參數(shù)列表);

函數(shù)名一般建議首字母大寫

方式3(新語法): 使用關(guān)鍵字class來創(chuàng)建對象

步驟一:先創(chuàng)建類,類中包含構(gòu)造函數(shù)

class Star{

? //構(gòu)造函數(shù)

? constructor(name,age) {

? ? this.name = name;//this不能省略

? ? this.age = age;

? }

}

步驟二:利用第一步的類實例化對象(口語:new一個對象)

var ldh =new Star("劉德華",49);

var zxy =new Star("張學(xué)友",49);

類中添加方法

//定義明星類Star

class Star{

? ? //構(gòu)造函數(shù)

? ? constructor(name, age) {

? ? ? ? this.name = name;

? ? ? ? this.age = age;

? ? }

? ? //添加方法,直接寫方法名,前面不能加上function

? ? sing(song) {//方法名(參數(shù)1,參數(shù)2,參數(shù)3...)

? ? ? ? console.log(this.name +"唱" + song);

? ? }

? ? marry(someone) {

? ? ? ? console.log(this.name +"和" + someone +"結(jié)婚了");

? ? }

}

利用上面定義的Star類,創(chuàng)建對象

var ldh =new Star("劉德華", 49);

var zxy =new Star("張學(xué)友", 50);

調(diào)用成員方法: 使用對象名.方法名(參數(shù)1,參數(shù)2...)

ldh.sing("笨小孩");

zxy.sing("吻別");

ldh.marry("朱麗倩");

特別提醒: 1.直接寫方法名,前面不能加上function

特別提醒: 2.多個方法之間不要加逗號

類的繼承

//類的繼承

class Father{

? constructor(money) {

? ? this.money = money;

? }

? print(){

? ? console.log(this.money);

? }

}

//extends: 類Son繼承Father類,繼承父類的成員變量和成員方法

class Son extends Father{

? ? constructor(money) {//不寫也可以,默認(rèn)會調(diào)用父類的構(gòu)造函數(shù)

? ? ? ? super(money);//調(diào)用父類的構(gòu)造函數(shù)

? ? }

}

var son =new Son(19999);

console.log(son);//Son{money: 19999}

son.print();//19999

子類調(diào)用父類的普通方法

class Father{

? say(){

? ? //console.log("我是豬爸爸");

? ? return "我是豬爸爸";

? }

}

class Sonextends Father{

? //重寫父類中的say方法

? say() {

? ? //super.say();//調(diào)用父類的say()方法

? ? console.log(super.say() +"的女兒佩奇")

}

}

//創(chuàng)建子類對象

var son =new Son();

son.say();


var和let

var和let

在ES6中,我們推薦使用let和const關(guān)鍵字

var關(guān)鍵字聲明的作用域不是塊級的,會擴(kuò)大變量的作用域

let聲明的變量作用域更加精確,離開作用域就銷毀

const用來定義常量

javascript語法不像java那么嚴(yán)格,比較寬松

遍歷數(shù)組

let arr =['aa','bb','cc','dd'];

方式1:普通for循環(huán)遍歷

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

? console.log(arr[i]);

}

console.log("----------");

方式二: for of 循環(huán)

for(let value of arr){

? console.log(value);

}

console.log("----------");

方式三: for in循環(huán)

for(let key in arr){

? console.log(key,arr[key]);

}


正則表達(dá)式

正則表達(dá)式入門

js中正則表達(dá)式對象有兩種

方式1:使用正則對象RegExp來創(chuàng)建對象

let reg =new RegExp(/abc/);//傳入的參數(shù)不是字符串,兩個正斜杠中間寫上正則模式

方式2: 使用字面量的方式創(chuàng)建正則表達(dá)式對象

正則表達(dá)式對象.test("要檢查的字符串"),檢查字符串是否符合正則模式

邊界符

^表示匹配行首的文本

$表示匹配行尾的文本

如果^和$在一起,表示必須是精確匹配

字符類方括號

方括號[],表示只要匹配一個就可以

/^[a-zA-Z0-9_]$/? ? ??單個,表示大小寫字母,數(shù)字和下劃線

取反 方括號內(nèi)部加上 ^ 表示取反,只要包含方括號內(nèi)的字符,都返回false

量詞

*重復(fù)0次或多次

+重復(fù)1次或多次

?重復(fù)0次或1次

{n}重復(fù)n次

{n,}重復(fù)n次或更多

{n,m}重復(fù)n次到m次

三種括號

1.大括號{} 量詞符,里面表示重復(fù)的次數(shù)

2.中括號[] 字符集合,匹配方括號中的任意字符

3.小括號()表示優(yōu)先級

/^[abc]$/? ??或a 或b 或c a|b|c

/^abc{3}/? ? 讓c重復(fù)3次

/^(abc){3}/? ? 優(yōu)先計算()小括號里面中的內(nèi)容,讓(abc)重復(fù)三次

替換敏感詞? g表示全局搜索 i表示忽略大小寫 ,用在正則表達(dá)式的最后面

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末喊积,一起剝皮案震驚了整個濱河市铲咨,隨后出現(xiàn)的幾起案子揩晴,更是在濱河造成了極大的恐慌郎嫁,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件哮内,死亡現(xiàn)場離奇詭異盗棵,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)北发,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進(jìn)店門纹因,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人琳拨,你說我怎么就攤上這事瞭恰。” “怎么了狱庇?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵惊畏,是天一觀的道長。 經(jīng)常有香客問我密任,道長颜启,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任浪讳,我火速辦了婚禮缰盏,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘淹遵。我一直安慰自己口猜,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布透揣。 她就那樣靜靜地躺著济炎,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辐真。 梳的紋絲不亂的頭發(fā)上须尚,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機(jī)與錄音拆祈,去河邊找鬼恨闪。 笑死倘感,一個胖子當(dāng)著我的面吹牛放坏,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播老玛,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼淤年,長吁一口氣:“原來是場噩夢啊……” “哼钧敞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起麸粮,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤溉苛,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后弄诲,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體愚战,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年齐遵,在試婚紗的時候發(fā)現(xiàn)自己被綠了寂玲。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡梗摇,死狀恐怖拓哟,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情伶授,我是刑警寧澤断序,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站糜烹,受9級特大地震影響违诗,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜疮蹦,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一较雕、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧挚币,春花似錦亮蒋、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至笛粘,卻和暖如春趁怔,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背薪前。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工润努, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人示括。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓铺浇,卻偏偏與公主長得像,于是被迫代替她去往敵國和親垛膝。 傳聞我的和親對象是個殘疾皇子鳍侣,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,472評論 2 348