ond xinchi外語

fond英 [f?nd] 美 [fɑ?nd]

adj. 喜愛的，喜歡做……的；美好的，愉悅的；慈愛的，深情的；天真的，不切實際的

v. <舊>盲目地喜歡；呵護，撫弄

n. 烹飪后鍋中的棕色殘留物；（信息科學）全宗

【名】 （Fond）（法）豐，（瑞典）豐德（人名）

[ 復數 fonds 第三人稱單數 fonds 現在分詞 fonding 過去式 fonded 過去分詞 fonded 比較級 fonder 最高級 fondest ]

短語

be fond of 喜歡 ; 愛好 ; 喜愛 ; 喜好

Fond of 情有獨鐘 ; 喜歡 ; 愛好 ; 喜愛

be fond of doing sth 對做某事感興趣 ; 喜歡做某事 ; 對做某事感興致

Cancer Fond 癌癥基金會

Ae Fond Kiss 再一次親吻 ; 愛之吻 ; 阿拉伯之吻

Find fond 選擇字體

fond dream 唐代淳于棼做夢到大槐安國享受富貴榮華

Insurance Fond 保險基金

收起網絡短語

柯林斯英漢雙解大詞典

fond /f?nd/ CET4 TEM4 ( fonder, fondest )

1. ADJ If you are fond of someone, you feel affection for them. 喜愛的 [v-link ADJ 'of' n]

例：I am very fond of Michael.

我很喜歡邁克爾。

2. fondness N-UNCOUNT 喜愛

例：...a great fondness for children.

…對孩子們的一種深深喜愛。

3. ADJ You use fond to describe people or their behaviour when they show affection. 慈愛的 [ADJ n]

例：...a fond father.

…一個慈愛的父親。

4. fondly ADV 慈愛地 [ADV after v]

例：Liz saw their eyes meet fondly across the table.

利茲看到他們隔著桌子深情地對視著。

5. ADJ If you are fond of something, you like it or you like doing it very much. 很喜歡 [v-link ADJ 'of' n/-ing]

例：He was fond of marmalade.

他很喜歡橘子醬。

6. fondness N-UNCOUNT 鐘愛

例：I've always had a fondness for chocolate cake.

我一直對巧克力蛋糕情有獨鐘。

7. ADJ If you have fond memories of someone or something, you remember them with pleasure. (回憶) 美好的 [ADJ n]

例：I have very fond memories of living in our village.

我對在我們村的生活有著美好的回憶。

8. fondly ADV 愉快地 [ADV with v]

例：My dad took us there when I was about four and I remembered it fondly.

我爸爸在我四歲左右時帶我去過那里，想起來很愉悅。

9. ADJ You use fond to describe hopes, wishes, or beliefs which you think are foolish because they seem unlikely to be fulfilled. (希望、想法或信仰等) 不切實際的 [ADJ n]

例：My fond hope is that we will be ready by Christmastime.

我的不切實際的愿望就是我們能在圣誕節假期前準備好。

10. fondly ADV 不切實際地 [ADV with v]

例：I fondly imagined that surgery meant a few stitches and an overnight stay in the hospital.

我不切實際地以為外科手術就是縫幾針并在醫院呆上一夜。

11. N the background of a design, a

design, as in lace (如花邊)設計背景

詞組短語同近義詞同根詞

fond of 喜歡；愛好

fond dream南柯一夢；黃粱美夢

雙語例句原聲例句權威例句

I have grown very fond of Alec.

我已變得很喜歡亞力克。

《柯林斯英漢雙解大詞典》

I am very fond of Michael.

我很喜歡邁克爾。

《柯林斯英漢雙解大詞典》

He was fond of marmalade.

他很喜歡橘子醬。

每天分享外語知識，請點擊 【關注】，不漏掉任何一期，助你提高外語水平。

【訊馳外語】可樂老師 編輯。

轉載《有道詞典》，如有侵權請通知刪除。

碼字不易，敬請【點贊】！

My email：ilikework_cz@126.com

內容是《Web前端開發之Javascript視頻》的課件，請配合大師哥《Javascript》視頻課程學習。

為了便于操作基本類型值，ECMAScript還提供了3個特殊的引用類型：Boolean、Number和String；這些類型與以上所說的引用類型相似，但同時也具有與各自的基本類型相應的特殊行為；實際上，每當讀取一個基本類型值的時候，后臺就會創建一個對應的基本包裝類型的對象，從而讓我們能夠用一些方法來操作這些數據，如：

var s1="zero network";
var s2=s1.substring(4);
alert(s2);

基本數據類型不是對象，所以從邏輯上它們不應該有方法(實際上有)（原理：為了能夠實現這種直觀的操作，后臺已經自動完成了一系列的處理：創建String對象實例，同樣適用于Boolean和Number類型對應的布爾值和數字值。

基本數據類型與基本包裝類型有本質上的不同，產生從類型的角度來講，它們就是不同的；其保存的位置也不同。

引用類型與基本包裝類型的區別就是對象的生存期：使用new操作符創建的引用類型對象，在執行流離開當前作用域之前都一直保存在內存中，而自動創建的基本包裝類型的對象，則只存在于一行代碼的執行瞬間，然后立即被銷毀；這意味著不能在運行時為基本類型值添加屬性和方法，如：

var s1="zero network";
s1.color="red";
alert(s1.color); // undefined

當然可以使用Boolean, Number和String顯示的來創建基本包裝類型的對象，但絕大部分情況下不需要，除非在絕對必要的情況下，因為這種做法很容易讓開發者分不清是在處理基本類型還是引用類型的值；

對基本包裝類型的實例調用typeof會返回object，而且所有基本包裝類型的對象在轉換為布爾類型時值都是true；如：

var s1=new Number(0);
// var s1=0;
alert(typeof s1);
alert(Boolean(s1));

Object構造函數，僅接受一個參數，其會根據傳入值的類型返回相應基本包裝類型的實例，如：

var obj=new Object("zeronetwork");
alert(obj instanceof String);  // true
var n=new Object(5);
alert(n instanceof Number); // true
console.log(n.constructor);

說明：傳遞的值是動態的，直到運行時才確定其類型，Object()可能會調用另一個內置函數來創建對象，并且返回了一個以不同構造函數所創建的對象。

ES在必要的時會將包裝對象轉換成原始值，但不總是這樣；如：

var s1="zeronetwork";
var s2=new String("zeronetwork");
console.log(s1==s2);  // true
console.log(s1===s2); // false
var n1=18;
var n2=new Number(18);
console.log(n1==n2);  // true
console.log(n1===n2); // false

說明：“==”運算符會將原始值與包裝對象視為相等，但“===”全等會將它們視為不等，因為它們的類型不同，可以使用typeof查看。

注意：使用new調用基本包裝類型的構造函數，與直接調用同名的轉型函數是不一樣的，如：

var value="25";
var number=Number(value);  // 轉型函數
alert(typeof number);  // number
var obj=new Number(value);  // 構造函數
alert(typeof obj); // object

注：null與undefined沒有包裝對象，訪問它們的屬性會造成一個類型錯誤。

盡管在實際場景中不太使用基本包裝類型，并且也不建議使用，但它們操作基本類型值的能力還是相當重要的，而每個基本包裝類型都提供了操作相應值的便捷方法。

Boolean類型：

Boolean類型是與布爾值對應的引用類型，Boolean 對象表示兩個值："true" 或 "false"。

創建Boolean對象：var oBool=new Boolean(true); // 傳入true或false值

注：如果邏輯對象無初始值或者其值為 0、-0、null、""、false、undefined 或者 NaN，那么對象的值為 false，否則，其值為 true；

在實際場景中，Boolean對象的用處不大，因為經常會造成一些誤解，其中最常見的問題就是在布爾表達式中使用Boolean對象，如：

var bObj=new Boolean(false);
alert(bObj && true);  // true
var bValue=false;
alert(bValue && true); // false

基本類型與引用類型還有兩個區別，首先，typeof操作符對基本類型返回boolean，而對引用類型返回object；其次，由于Boolean類型的實例，所以使用instanceof操作符測試Boolean對象會返回true，而測試基本類型的布爾值則返回false，如：

var falseObject=new Boolean(false);
var falseValue=false;
alert(typeof falseObject);  // object
alert(typeof falseValue); // boolean
alert(falseObject instanceof Boolean); // true
alert(falseValue instanceof Boolean); // false

總結：理解基本類型的布爾值與Boolean對象之間的區別非常重要，建議不要使用，最好使用Boolean原始值；

可以使用Boolean(參數)進行數據類型轉換;

Number對象：

Number 對象，是原始數值的包裝對象。在必要時，JavaScript 會自動地在原始數據和對象之間轉換；

可以用構造函數 Number() 明確地創建一個 Number 對象：

var numberObject=new Number(10);

Number對象屬性：

• MAX_VALUE：表示的最大的數，靜態屬性；
• MIN_VALUE：表示的最小的數，靜態屬性；
• NaN：非數字值，靜態屬性；
• NEGATIVE_INFINITY：負無窮大，溢出時返回該值，靜態屬性；
• POSITIVE_INFINITY：正無窮大，溢出時返回該值，靜態屬性；

console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
var x=-Number.MAX_VALUE * 2;
if(x==Number.NEGATIVE_INFINITY)
    console.log("X的值：" + x);
var y=Number.MAX_VALUE * 2;
if(y==Number.POSITIVE_INFINITY)
    console.log("Y的值：" + y);

注: Number.NaN 是一個特殊值，說明某些算術運算（如求負數的平方根）的結果不是數字。方法 parseInt() 和 parseFloat() 在不能解析指定的字符串時就返回這個值。

Number類或對象方法：

• parseInt() 和 parseFloat()方法，靜態方法；
• isNaN() 來判斷是否為數字，靜態方法；
• isFinite：是否為有限，靜態方法；
• isInteger：是否為整形，靜態方法；
• toString()方法: 如:NumberObject.toString(radix)，radix可選，規定表示數字的基數，使 2 ~ 36 之間的整數，若省略該參數，則使用基數 10。

var number=new Number(1337);
console.log(number.toString(8));

• toLocaleString() 方法可把一個 Number 對象轉換為本地格式的字符串。
• toFixed() 方法：把 Number 四舍五入為指定小數位數的數字，類型是字符串；參數規定了小數的位數，是 0 ~ 20 之間的值；有些實現可以支持更大的數值范圍。如果省略了該參數，將用 0 代替。

var num=new Number(12.345678);
console.log(num.toFixed(2));  // 12.35

• toExponential()方法可把對象的值轉換成指數計數法。如:NumberObject.toExponential(num) ，num規定指數計數法中的小數位數，是 0 ~ 20 之間的值；

var num=1200.00;
console.log(num.toExponential(2));

• toPrecision() 方法可在對象的值超出指定位數時將其轉換為指數計數法；其可能會返回固定大小格式，也可能返回指數格式，具體規則是看哪種格式最合適；如:NumberObject.toPrecision(num) ，num規定必須被轉換為指數計數法的最小位數，該參數是 1 ~ 21；

var num=99;
console.log(num.toPrecision(1));    // 1e+2
console.log(num.toPrecision(2));    // 99
console.log(num.toPrecision(3));    // 99.0
num=10000;
console.log(num.toPrecision(1));    // 1e+4
console.log(num.toPrecision(4));    // 1.000e+4

注意：與Boolean對象類似，Number對象也以后臺方式為數值提供了重要的功能；不建議直接實例化Number類型，原因與Boolean一樣；一般情況下是使用數字的原始表示法；

var numberObject=new Number(10);
var numberValue=10;
alert(typeof numberObject);  // object
alert(typeof numberValue);  // number
alert(numberObject instanceof Number); // true
alert(numberValue instanceof Number); // false

String對象：

String類型是字符串對象包裝類型，用于處理文本（字符串）。語法：var str=new String(str); 如：

var oStr=new String();
var oStr=new String("零點程序員");
var oStr=String("525");

length屬性：返回字符串中的字符個數 如: str.length ;

注：即使字符串包含雙字節字符（不是占一個字節的ASCII字符），每個字符也仍然算一個字符；

String 類定義了大量操作字符串的方法，例如從字符串中提取字符或子串，或者檢索字符或子串。

需要注意的是，JavaScript 的字符串是不可變的（immutable），String 類定義的方法都不能改變字符串的內容。像 String.toUpperCase() 這樣的方法，返回的是全新的字符串，而不是修改原始字符串。

1）字符方法：

用于訪問字符串中特定字符的方法：charAt()和charCodeAt()；這兩個方法都接收一個參數，即基于0的字符位置；其中，charAt()方法以單字符字符串的形式返回給定位置的那個字符（ECMAScript中沒有字符類型），如：

var str="zero network";
alert(str.charAt(2));

如果想得到字符編碼而不是字符時，使用charCodeAt()，如：

var str="zero network";
alert(str.charCodeAt(2));  // 114

ECMAScript還定義了另一個訪問字符的方法，即使用括號（類似于訪問數組元素）語法，使用數字索引來訪問字符串中的特定字符，如：

var str="zero network";
alert(str[2]);  // 2

2）字符串操作方法：

concat()方法：用于將一或多個字符串拼接起來，返回拼接得到的新字符串，如：

var str = "zero";
var result = str.concat("network");
alert(str);
alert(result);

concat()方法可以接受多個任意參數，即可以通過它可以拼接任意多個字符串，如：

var str = "zero";
var result = str.concat("network","!");
alert(result);

說明：雖然concat()是專門用來拼接字符串的，但在實際場景中使用更多的還是加號操作符（+）；而且，使用加號操作符在大多數情況下都比使用concat方法要簡便易行，特別是在拼接多個字符串的情況下；

ECMAScript提供了三個基于字符串創建新字符串的方法：slice()、substr()和substring()；這三個方法都會返回被操作字符串的一個子字符串，而且也都接受一或兩個參數；第一個參數指定子字符串的開始位置，第二個參數表示子字符串到哪里結束；具體來說，slice()和substring()的第二個參數指定的是子字符串最后一個字符后面的位置；而substr()的第二個參數指定的則是返回的字符個數；如果沒有給這些方法傳遞第二個參數，則將字符串的末尾作為結束位置，如：

var str = "zero network";
alert(str.slice(3));
alert(str.substring(3));
alert(str.substr(3));
alert(str.slice(3,6));
alert(str.substring(3,6));
alert(str.substr(3,6));

同時這些方法的值可以是負值；其中，slice()會將傳入的負值與字符串的長度相加，substr()將負的第一個參數加上字符串的長度，而將負數的第二個參數轉換為0，substring()方法會把所有負值參數都轉換為0，如：

var str = "zero network";
alert(str.slice(-3));
alert(str.substring(-3));
alert(str.substr(-3));
alert(str.slice(3,-4));
alert(str.substring(3,-4));
alert(str.substr(3,-4));

一個小示例：

<style>
#mydiv{width: 100px; height: 1.5em; border: 1px solid; overflow: hidden;}
</style>
<div id="mydiv"></div>
<script>
var msg="北京零點網絡科技有限公司";
var spacer="...";
var pos=0;
var mydiv = document.getElementById("mydiv");
function ScrollMsg(){
    mydiv.innerHTML = msg.substring(pos,msg.length) + spacer + msg.substring(0, pos);
    pos++;
    if(pos>msg.length) pos=0;
    window.setTimeout("ScrollMsg()",200);
}
ScrollMsg();
</script>

3）字符串位置方法：

有兩個可以從字符串中查找子字符串的方法：indexOf()和lastIndexOf()；這兩個方法都是從一個字符串中搜索給定的子字符串，然后返回子字符串的位置，如果沒有找到子字符串，則返回-1；兩個方法的區別在于，一個從開頭向后搜索子字符串，而lastIndexOf是從末尾向前搜索，如：

var str = "zero network";
alert(str.indexOf("o"));
alert(str.lastIndexOf("o"));

說明：如果o在字符串只出現了一次，則兩個方法會返回相同的位置值；

這兩個方法都可以接受可選的第二個參數，表示從字符串中的哪個位置開始搜索；如：

var str = "zero network";
alert(str.indexOf("o",6));
alert(str.lastIndexOf("o",6));

在使用第二個參數的情況下，可以循環調用這兩個方法來找到所有匹配的子字符串，如：

var str = "lorem ipsum dolor sit amet, consectetur adipisicing elit";
var positions = new Array();
var pos = str.indexOf("e");
while(pos>-1){
    positions.push(pos);
    pos = str.indexOf("e",pos + 1);
}
alert(positions);  // 3,24,32,35,52

4）trim()方法：

ECMAScript5為所有字符串定義了trim()方法；該方法會創建一個字符串的副本，刪除前置及后綴的所有空格，然后返回結果，如：

var str = "  zero network    ";
var trimStr = str.trim();
alert(str);
alert(trimStr);

此外，還有兩個非標準的trimLeft()和trimRight()方法，分別用于刪除字符串開頭和末尾的空格；

var trimStr = str.trimLeft();
var trimStr = str.trimRight();

5）字符串大小寫轉換方法：

涉及字符串大小寫轉換的方法有4個：

• toLocaleLowerCase()把字符串轉換為小寫；
• toLocaleUpperCase()把字符串轉換為大寫；
• toLowerCase()把字符串轉換為小寫；
• toUpperCase()把字符串轉換為大寫；

其中toLowerCase()和toUpperCase()是最常用的方法；而toLocaleLowerCase()和toLocaleUpperCase()則是針對特定地區的實現，對有些地區來說，針對地區的方法與其通用方法得到的結果相同，但少數語言（如土耳其語）會為Unicode大小寫轉換應用特殊的規則，這時候就必須使用針對地區的方法來保證實現正確的轉換，如：

var str = "ZERO network";
alert(str.toLocaleLowerCase());
alert(str.toLocaleUpperCase());
alert(str.toLowerCase());
alert(str.toUpperCase());

6）字符串的模式匹配方法：

String類型定義了幾個用于在字符串中匹配模式的方法；

match()方法：本質上與RegExp的exec()方法相同；其只接受一個參數，要么是一個正則表達式，要么是一個RegExp對象，如：

var text = "cat, bat, sat, fat";
var pattern = /.at/;
var matches = text.match(pattern);
alert(matches);
alert(matches.index);
alert(matches[0]);
alert(pattern.lastIndex);

說明：match()返回了一個數組，其第一項是與整個模式匹配的字符串，之后的每一項（如果有）保存著與正則表達式中的捕獲組匹配的字符串；

search()方法：接受的參數與match()一樣；該方法返回字符串中第一個匹配項的索引；如果沒有找到匹配項，則返回-1；如：

var text = "cat, bat, sat, fat";
var pos = text.search(/at/);
alert(pos);  // 1

replace()方法：此方法的目的是為了簡化替換子字符串的操作；該方法接受兩個參數，第一個參數可以是一個RegExp對象或一個字符串（這個字符串不會被轉換成正則表達式），第二個參數可以是一個字符串或一個函數；如果第一個參數是字符串，那么只會替換第一個子字符串，要想替換所有子字符串，唯一的辦法就是提供一個正則表達式，而且要指定全局g標志，如：

var text = "cat, bat, sat, fat";
var result = text.replace("at","ond");
alert(result);  // cond, bat, sat, fat
result = text.replace(/at/g,"ond");
alert(result);  // cond, bond, sond, fond

split()方法：

可以基于指定的分隔符將一個字符串分割成多個子字符串，并將結果放在一個數組中；分隔符可以是字符串，也可以是RegExp對象；其可以接受可選的第二個參數，用于指定數組的大小，以便確保返回的數組不會超過既定大小，如：

var colorText = "red,blue,green,yellow";
var colors1 = colorText.split(",");
var colors2 = colorText.split(",",2);
var colors3 = colorText.split(/[^\,]+/);
alert(colors1);  // red,blue,green,yellow
alert(colors2);  // red,blue
alert(colors3);  // ,,,,,,,

7）localeCompare()方法：

localeCompare()用本地特定的順序來比較兩個字符串，默認返回下列值中的一個：-1、0、1，如：

var str = "yellow";
alert(str.localeCompare("brick")); // 1
alert(str.localeCompare("yellow")); // 0
alert(str.localeCompare("zoo")); // -1
注：利用localeCompare()可以自定義返回的值，如：
function determineOrder(value){
    var result = stringValue.localeCompare(value);
    if(result  < 0){
        alert("yellow在'"+value+"'之前");
    }else if(result > 0){
        alert("yellow在'"+value+"'之后");
    }else{
        alert("yellow與'"+value+"'相等");
    }
}
determineOrder("brick");
determineOrder("yellow");
determineOrder("zoo");

localeCompare()方法比較與眾不同的地方，就是實現所支持的地區（國家和語言）決定了這個方法的行為；如，美國以英語作為ECMAScript實現的標準語言，因此localeCompare()就是區分大小寫的，于是大寫字母在字母表中排在小寫字母前頭就成為了一項決定性的比較規則；在其他地區有可能就不是這種情況了。

8）fromCharCode()方法：

String構造函數本身還有一個靜態方法：fromCharCode()，這個方法的任務是接受一或多個字符編碼，然后將它們轉換成一個字符串；從本質上看，這個方法與實例方法charCodeAt()執行的是相反的操作，如：

alert(String.fromCharCode(104,101,108,108,111));  // hello

9）HTML方法：

早期的Web瀏覽器可以使用Javascript動態格式化HTML，其擴展了字符串的標準，實現了一些專門用于簡化常見HTML格式化任務的方法；但是，盡量不要使用這些方法，因為它們創建的標記通常無法表達語義；

• anchor(name)創建 HTML 錨，輸出如：<a name=”name”>string</a>
• big()用大號字體顯示字符串，如：<big>string</big>
• small()使用小字號來顯示字符串，如：<small>string</small>
• blink()顯示閃動字符串；
• bold()使用粗體顯示字符串，如：<b>string></b>
• fontcolor(color)使用指定的顏色來顯示字符串，如：<font color=”color>string</font>
• fontsize(size)使用指定的尺寸來顯示字符串，如：<font size=”size”>string</font>
• italics()使用斜體顯示字符串，如：<i>string</i>
• link(url)將字符串顯示為鏈接，如：<a href=”url”>string</a>
• fixed()以打字機文本顯示字符串，如：<tt>string></tt>
• sup()把字符串顯示為上標，如：^string
• sub()把字符串顯示為下標，如：_string
• strike()使用刪除線來顯示字符串，如：<strike>string</strike>

示例：檢測上傳文件后綴名：

<input type="file" id="myFile"/>
<input type="button" value="上傳" onclick="upFile()" />
<script>
function upFile(){
    var fileName = document.getElementById('myFile').value;
    if(fileName){
        // console.log(fileName);
        var pos = fileName.lastIndexOf('.');  // 找到路徑中最后出現“.”的位置
        // console.log(pos);
        var suffix = fileName.substr(pos + 1);  // 找到后綴名
        // console.log(suffix);
        var suffixArr = ['jpg','png','gif'];  // 圖片格式數組
        // console.log((suffixArr.indexOf(suffix)));
        if(suffixArr.indexOf(suffix) >= 0){  // 后綴名與格式數組作比較
            // 上傳圖片的操作處理
            console.log("上傳成功");
        }else{
            console.log("圖片格式不正確");
            return;
        }
    }
}
</script>

示例：過濾臟話：

// 簡單過濾
var str = "不要相信女人，女人太壞了";
var arr = ["壞","笨","傻"];  // 敏感字
for(var i = 0; i<arr.length; i++){
    str = str.replace(arr[i],"*");
}
console.log(str);
// 復雜的過濾
var arrStr = [
    "傻子，你的腦子是不是有病？你就是傻子一個！",
    "你的眼睛是不是瞎了？",
    "你是一個大壞蛋！"
];
var arr = ["病","傻子","瞎了","壞蛋"];
for(var i =0;i<arrStr.length; i++){
    for(var j=0;j<arr.length; j++){
        arrStr[i] = arrStr[i].replace(arr[j],"**");
// var reg = new RegExp(arr[j],"img");
       // arrStr[i] = arrStr[i].replace(reg,"**");
 
    }
}
console.log(arrStr);