本文目錄一覽：
javascript如何使用
1、字符串的創建
創建一個字符串有幾種方法。最簡單的是用引號將一組字符包含起來，可以將其賦值給一個字符串變量。
var myStr = “Hello, String!”;
我們在上面腳本創建了字符串，但本質上，它們並不是真正的字符串對象，準確地說，它們是字符串類型的值。要創建一個字符串對象，可使用如下語句：var strObj = new String(“Hello, String!”);
使用typeof運算符查看會發現，上面的myStr類型為string，而strObj類型為object。
如果想知道字符串的長度，使用其length屬性：string.length。
得到字符串的指定位置的字符使用方法：string.charAt(index);
2、字符串的拼接
非常簡單，就用一個”+”將兩個字符串”相加”：
var longString = “One piece ” + “plus one more piece.”;
要將多個字符串累積為一個字符串，還可以使用”+=”操作符：
var result = “”;
result += “My name is Anders”
result += ” and my age is 25″;
要在字符串中添加換行符，需要使用轉義字符”/n”：
var confirmString = “You did not enter a response to the last ” +
“question./n/nSubmit form anyway?”;
var confirmValue = confirm(confirmString);
但這種方法只能用在像警告、確認對話框之類的情況下，如果將這段文本作為HTML內容呈現，就無效了，此時用”br”代替它：
var htmlString = “First line of string.brSecond line of string.”;
document.write(htmlString);
String對象還提供了方法concat()，它完成與”+”相同的功能：
string.concat(value1, value2, …)
不過concat()方法顯然不如”+”來得直觀簡潔。
3、訪問字符串的子串
使用substring()或slice()方法(NN4+, IE4+)，下面說明它們的具體用法。
substring()的原型為： string.substring(from, to)
第一個參數from指定了子字符串在原字符串中的起始位置(基於0的索引)；第二個參數to是可選的，它指定了子字符串在原字符串的結束位置(基於0的索引)，一般情況下，它應比from大，如果它被省略，那麼子字符串將一直到原字符串的結尾處。
如果參數from不小心比參數to大了會怎樣？JavaScript會自動調解子字符串的起止位置，也就是說，substring()總是從兩個參數中較小的那個開始，到較大的那個結束。不過要注意，它包含起始位置的那個字符，但不包含結束位置的那個字符。
var fullString = “Every dog has his day.”;
var section = fullString.substring(0, 4); // section is “Ever”.
slice()的原型為： string.slice(start, end)
參數start表示子串的起始位置，如果為負數，那麼可以理解為倒數第幾個開始，例如-3表示從倒數第三個開始；參數end表示結束位置，與start一樣，它也可以為負數，其含義也表示到倒數第幾個結束。slice()的參數可以為負數，所以要比substring()更加靈活，但沒那麼寬容了，如果start比end要大，它將返回一個空字符串(示例略)。
還有一個方法是substr()，其原型為： string.substr(start, length)
從原型可以看出它的參數的含義，start表示起始位置，length則表示子字符串的長度。JavaScript標準不提倡使用該方法。
4、字符串的大小寫轉換
使用toLowerCase()和toUpperCase()方法：
var city = “ShanGHai”;
city = city.toLowerCase(); // city is “shanghai” now.
5、判斷兩個字符串是否相等
先將用戶的輸入值全部轉換為大寫（或小寫），然後再行比較：
var name = document.form1.txtUserName.value.toLowerCase();
if(name == “urname”)
{
// statements go here.
}
JavaScript有兩種相等運算符。一種是完全向後兼容的，標準的”==”，如果兩個操作數類型不一致，它會在某些時候自動對操作數進行類型轉換，考慮下面的賦值語句：
var strA = “i love you!”;
var strB = new String(“i love you!”);
這兩個變量含有相同的字符序列，但數據類型卻不同，前者為string，後者為object，在使用”==”操作符時，JavaScript會嘗試各種求值，以檢測兩者是否會在某種情況下相等。所以下面的表達式結果為true： strA == strB。
第二種操作符是”嚴格”的”===”，它在求值時不會這麼寬容，不會進行類型轉換。所以表達式strA === strB的值為false，雖然兩個變量持有的值相同。
有時代碼的邏輯要求你判斷兩個值是否不相等，這裡也有兩個選擇：”!=”和嚴格的”!==”，它們的關係就類似於”==”和”===”。
討論：
“==”和”!=”在求值時會儘可能地尋找值的匹配性，但你可能還是想在比較前進行顯式的類型轉換，以”幫助”它們完成工作。比如，如果想判斷一個用戶的輸入值（字符串）是否等於一個數字，你可以讓”==”幫你完成類型轉換：
if(document.form1.txtAge.value == someNumericVar) { … }
也可以提前轉換：
if(parseInt(document.form1.txtAge.value) == someNumericVar) { … }
如果你比較習慣於強類型的編程語言(比如C#,Java等)，那麼這裡你可以延續你的習慣(類型轉換)，這樣也會增強程序的可讀性。
有一種情況需要注意，就是計算機的區域設置。如果用””和””來比較字符串，那麼JavaScript把它們作為Unicode來比較，但顯然，人們在瀏覽網頁時不會把文本當作Unicode來閱讀:) 比如在西班牙語中，按照傳統的排序，”ch”將作為一個字符排在”c”和”d”之間。localeCompare()提供了一種方式，可以幫助你使用默認區域設置下的字符排序規則。
var strings; // 要排序的字符串數組，假設已經得到初始化
strings.sort(function(a,b) { return a.localeCompare(b) }); // 調用sort()方法進行排序
6、字符串的查找
使用string的indexOf()方法：
strObj.indexOf(subString[, startIndex])
strObj為要進行判斷的字符串，subString為要在strObj查找的子字符串，startIndex是可選的，表示查找的開始位置(基於0的索引)，如果startIndex省略，則從strObj開始處查找，如果startIndex小於0，則從0開始，如果startIndex大於最大索引，則從最大索引處開始。
indexOf()返回strObj中subString的開始位置，如果沒有找到，則返回-1。在腳本中，可以這麼使用：
if(largeString.indexOf(shortString) != -1)
{
// 如果包含，進行相應處理；
}
也許一個字符串會包含另一字符串不止一次，這時第二個參數startIndex也許會派上用場，下面這個函數演示如何求得一個字符串包含另外一個字符串的次數：
function countInstances(mainStr, subStr)
{
var count = 0;
var offset = 0;
do
{
offset = mainStr.indexOf(subStr, offset);
if(offset != -1)
{
count++;
offset += subStr.length;
}
}while(offset != -1)
return count;
}
String對象有一個與indexOf()對應的方法，lastIndexOf()：
strObj.lastIndexOf(substring[, startindex])
strObj為要進行判斷的字符串，subString為要在strObj查找的子字符串，startIndex是可選的，表示查找的開始位置(基於0的索引)，如果startIndex省略，則從strObj末尾處查找，如果startIndex小於0，則從0開始，如果startIndex大於最大索引，則從最大索引處開始。該方法自右向左查找，返回subString在strObj中最後出現的位置，如果沒有找到，返回-1。
js如何使用？
1. 在HTML裡面加入JavaScript；方法非常簡單，就是通過一對script/script標籤，然後在標籤裡面書寫代碼即可；2. 標籤位置；按照以前傳統的方法，我們的script標籤都是放在head標籤裡面的。但是由於瀏覽器進行渲染的時候是由上往下進行渲染，這樣會導致瀏覽器在呈現頁面的時候出現延遲。延遲的時候就是空白，影響用戶體驗。所以現在的方法，都是講script標籤寫body裡面，元素的後面。；3. 外部JS文件；1）可維護性高；2）可緩存：例如有兩個HTML文件（A，B）都是用的同一個JS文件。當用戶請求A頁面的時候，A頁面的HTML文件和JS文件一起被下載到本地。接下來用戶再請求B頁面的時候，只需要下載B頁面的HTML頁面即可，因為JS文件已經有了。4. JavaScript語法；1）JavaScript區分大小寫test和Test表示不同變量2）標識符；JavaScript裡面的標識符由數字，字母，下劃線（_）和$組成，不能以數字開頭3）注釋：JavaScript注釋有兩種：多行注釋和單行注釋
js怎麼用
來看看js代碼的用法。
我們在使用JavaScript代碼有兩種寫法：一種是在HTML頁面中直接嵌入js代碼，另一種是通過鏈接外部的JavaScript文件。
我們先來看第一種用法：在HTML頁面中直接嵌入js代碼
如果在HTML頁面中直接嵌入JavaScript代碼，我們需要使用 script 標籤，script 和 /script 會告訴 JavaScript 在何處開始和結束。
script 和 /script 之間的代碼行包含了 JavaScript：
script
alert(“My First JavaScript”);
/script
在HTML頁面的任何位置（head部分 body部分 body的後面 較好）都可以插入script標籤。
你有可能會在 script 標籤中看到使用 type=”text/javascript”，但是現在已經不必這樣做了。JavaScript現在已經是所有現代瀏覽器以及 HTML5 中的默認腳本語言。
我們來看一個具體的示例
!DOCTYPE html
html
head
/head
body
script
document.write(“h1This is a heading/h1”);
document.write(“pThis is a paragraph/p”);
/script
/body
/html
上述代碼就是在在HTML頁面中直接嵌入js代碼。
接着我們來看看js代碼的第二種用法：通過鏈接外部的JavaScript文件。
有時JavaScript代碼過多的話，我們可以將代碼單獨放在JavaScript文件中然後鏈接起來。
我們鏈接外部JavaScript文件可以有以下步驟
1、首先我們建立一個JavaScript文件，擴展名是.js
2、然後將要編寫的js代碼寫到Js文件中，並保存文件。
3、使用script標籤將JavaScript文件鏈接到HTML文件中
script type=”text/javascript” src=”JavaScript文件名和路徑”/script
需要注意一點的是，在一個已經引入外部js文件的script標籤中，不能在它的開始標籤和結束標籤中寫Js命令了。
我們來看一個具體的示例
我們先建一個js文件sample.js
然後寫入js代碼
document.write(“pThis is a paragraph/p”);
最後使用script標籤將JavaScript文件鏈接到HTML文件中
!DOCTYPE html
html
head
/head
body
script type=”text/javascript” src=”sample.js”/script
/body
/html
以上就是js代碼使用的兩種方法
Web前端新手應該知道的JavaScript開發技巧有哪些?
今天小編要跟大家分享的文章是關於Web前端新手應該知道的JavaScript開發技巧有哪些?熟悉Web前端的小夥伴都知道，Javascript
的很多擴展的特性是的它變得更加的犀利，同時也給予程序員機會創建更漂亮並且更讓用戶喜歡的網站。
儘管很多的開發人員都樂於頌揚javascript，但是仍舊有人看到它的陰暗面。
使用很多javascript代碼的Web頁面會加載很慢，過多的使用javascript使得網頁醜陋和拖沓。很快如何有效地使用
javascript成為一個非常火熱的話題。
今天小編就為Web前端新手準備了這篇JavaScript開發技巧，希望能夠對你有所幫助，下面我們一起來看一看吧!
1、儘可能的保持代碼簡潔
可能大家都聽到過了N遍這個代碼簡潔問題了。作為一個開發人員你可能在你的代碼開發過程中使用了很多次，但千萬不要在js開發中忘記這點。
§盡量在開發模式中添加註釋和空格，這樣保持代碼的可讀性
§在發布到產品環境前請將空格和注釋都刪除，並且盡量縮寫變量和方法名
§使用第三方工具幫助你實現壓縮javascript。
2、思考後再修改prototypes
添加新的屬性到對象prototype中是導致腳本出錯的常見原因。
yourObject.prototype.anotherFunction=’Hello’;
yourObject.prototype.anotherMethod=function(){…}
在上面代碼中，所有的變量都會被影響，因為他們都繼承於yourObject。這樣的使用會導致意想不到的行為。所以建議在使用完後刪除類似的修改。
yourObject.prototype.anotherFunction=’Hello’;
yourObject.prototype.anotherMethod=function(){};
test.anotherMethod();
deleteyourObject.prototype.anotherFunction=’Hello’;
deleteyourObject.prototype.anotherMethod=function(){};
3、DebugJavascript代碼
即使最好的開發人員都會犯錯。為了最大化的減少類似錯誤，請在你的debugger中運行你的代碼，確認你沒有遇到任何細微的錯誤。
4、避免Eval
你的JS在沒有eval方法的時候也可以很好的工作。eval允許訪問javascript編譯器。如果一個字符串作為參數傳遞到
eval，那麼它的結果可以被執行。
這會很大的降低代碼的性能。盡量避免在產品環境中使用eval。
5、最小化DOM訪問
DOM是最複雜的API，會使得代碼執行過程變慢。有時候Web頁面可能沒有加載或者加載不完整。最好避免DOM。
6、在使用javascript類庫之前先學習javascript
互聯網充斥着很多的javascript類庫，很多程序員都往往使用js類庫而不理解負面影響。強烈建議你在使用第三方類庫之前學習基本的JS
代碼，否則，你就準備着倒霉吧。
7、不要用“SetTimeOut”和“Setinterval”方法來作為“Eval”的備選
setTimeOut(“document.getID(‘value’)”,3000);
在以上代碼中document.getID(‘value’)在setTimeOut方法中被作為字符串來處理。這類似於eval
方法，在每個代碼執行中來執行一個字符串，因此會降低性能，因此，建議在這些方法中傳遞一個方法。
setTimeOut(yourFunction,3000);
8、[]比newArray();更好
一個常犯的錯誤在於使用當需要數組的時候使用一個對象或者該使用對象的時候使用一個數組。但是使用原則很簡單：
“當屬性名稱是小的連續整數，你應該使用數組。否則，使用一個對象”_DouglasCrockford,JavaScript:Good
Parts的作者.
建議：
vara=[‘1A’,’2B’];
避免：
vara=newArray();
a[0]=”1A”;
a[1]=”2B”;
9、盡量不要多次使用var
在初始每一個變量的時候，程序員都習慣使用var關鍵字。相反，建議你使用逗號來避免多餘的關鍵字，並且減少代碼體積。如下：
varvariableOne=’string1′,
variableTwo=’string2′,
variableThree=’string3′;
10、不要忽略分號“;”
這往往是大家花費數個小時進行debug的原因之一。
我很確信你肯定也在其它的文章中閱讀過以上相關的內容，但是大家可能往往都忽略了很多基本的規則。你是不是也曾經忽略過分號。是不是也遇到過eval
關鍵字問題導致性能問題?
以上就是小編今天為大家分享的關於Web前端新手應該知道的JavaScript
開發技巧有哪些?的文章，希望本篇文章能夠對剛剛接觸Web前端行業的新手們有所幫助。想要了解更多Web前端知識記得關注北大青鳥Web前端培訓官網!
*聲明：內容與圖片均來源於網絡(部分內容有修改)，版權歸原作者所有，如來源信息有誤或侵犯權益，請聯繫我們刪除或授權事宜。
原創文章，作者：CLSV，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/146483.html
微信掃一掃 
支付寶掃一掃 