當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

引用类型（下）

發布時間：2024/9/5 编程问答 26 豆豆

生活随笔收集整理的這篇文章主要介紹了引用类型（下）小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. Date類型

var someDate = new Date(Date.parse("May 25, 2004")); 與 var someDate = new Date("May 25, 2004"); 等價// GMT 時間 2000 年 1 月 1 日午夜零時 var y2k = new Date(Date.UTC(2000, 0)); // GMT 時間 2005 年 5 月 5 日下午 5:55:55 var allFives = new Date(Date.UTC(2005, 4, 5, 17, 55, 55));//簡化 // 本地時間 2000 年 1 月 1 日午夜零時 var y2k = new Date(2000, 0); // 本地時間 2005 年 5 月 5 日下午 5:55:55 var allFives = new Date(2005, 4, 5, 17, 55, 55);//Date.now() var start = Date.now(); //調用函數 doSomething(); //取得停止時間 var stop = Date.now(), result = stop – start;

1.1 繼承的方法

//日期比較 var date1 = new Date(2007, 0, 1); //"January 1, 2007" var date2 = new Date(2007, 1, 1); //"February 1, 2007" alert(date1 < date2); //true alert(date1 > date2); //false

不同瀏覽器對 toString() 和 toLocaleString() 有不同的實現；

1.2 日期格式化方法

toDateString()；
toTimeString()；
toLocaleDateString()；
toLocaleTimeString()；
toUTCString()；
與 toLocaleString()和 toString()方法一樣，以上這些字符串格式方法的輸出也是因瀏覽器而異的，
因此沒有哪一個方法能夠用來在用戶界面中顯示一致的日期信息。

1.3 日期/時間組件方法

getTime() 返回表示日期的毫秒數；與valueOf()方法返回的值相同
setTime(毫秒) 以毫秒數設置日期，會改變整個日期
getFullYear() 取得4位數的年份（如2007而非僅07）
getUTCFullYear() 返回UTC日期的4位數年份
setFullYear(年) 設置日期的年份。傳入的年份值必須是4位數字（如2007而非僅07）
setUTCFullYear(年) 設置UTC日期的年份。傳入的年份值必須是4位數字（如2007而非僅07）
getMonth() 返回日期中的月份，其中0表示一月， 11表示十二月
getUTCMonth() 返回UTC日期中的月份，其中0表示一月， 11表示十二月
setMonth(月) 設置日期的月份。傳入的月份值必須大于0，超過11則增加年份
setUTCMonth(月) 設置UTC日期的月份。傳入的月份值必須大于0，超過11則增加年份
getDate() 返回日期月份中的天數（1到31）
getUTCDate() 返回UTC日期月份中的天數（1到31）
setDate(日) 設置日期月份中的天數。如果傳入的值超過了該月中應有的天數，則增加月份
setUTCDate(日) 設置UTC日期月份中的天數。如果傳入的值超過了該月中應有的天數，則增加月份
getDay() 返回日期中星期的星期幾（其中0表示星期日， 6表示星期六）
getUTCDay() 返回UTC日期中星期的星期幾（其中0表示星期日， 6表示星期六）
getHours() 返回日期中的小時數（0到23）
getUTCHours() 返回UTC日期中的小時數（0到23）
setHours(時) 設置日期中的小時數。傳入的值超過了23則增加月份中的天數
setUTCHours(時) 設置UTC日期中的小時數。傳入的值超過了23則增加月份中的天數
getMinutes() 返回日期中的分鐘數（0到59）
getUTCMinutes() 返回UTC日期中的分鐘數（0到59）
setMinutes(分) 設置日期中的分鐘數。傳入的值超過59則增加小時數
setUTCMinutes(分) 設置UTC日期中的分鐘數。傳入的值超過59則增加小時數
getSeconds() 返回日期中的秒數（0到59）
getUTCSeconds() 返回UTC日期中的秒數（0到59）
setSeconds(秒) 設置日期中的秒數。傳入的值超過了59會增加分鐘數
setUTCSeconds(秒) 設置UTC日期中的秒數。傳入的值超過了59會增加分鐘數
getMilliseconds() 返回日期中的毫秒數
getUTCMilliseconds() 返回UTC日期中的毫秒數
setMilliseconds(毫秒) 設置日期中的毫秒數
setUTCMilliseconds(毫秒) 設置UTC日期中的毫秒數
getTimezoneOffset() 返回本地時間與UTC時間相差的分鐘數。例如，美國東部標準時間返回300。
在某地進入夏令時的情況下，這個值會有所變化。

2. RegExp 類型

//三種模式： //1. g：global 模式； //2. i：case-insensitive 模式； //3. m：multiline 模式；/* * 匹配字符串中所有"at"的實例 */ var pattern1 = /at/g; /* * 匹配第一個"bat"或"cat"，不區分大小寫 */ var pattern2 = /[bc]at/i; /* * 匹配所有以"at"結尾的 3 個字符的組合，不區分大小寫 */ var pattern3 = /.at/gi;//對元字符進行轉義/* * 匹配第一個"bat"或"cat"，不區分大小寫 */var pattern1 = /[bc]at/i; /* * 匹配第一個" [bc]at"，不區分大小寫 */ var pattern2 = /\[bc\]at/i; /* * 匹配所有以"at"結尾的 3 個字符的組合，不區分大小寫 */ var pattern3 = /.at/gi; /* * 匹配所有".at"，不區分大小寫 */ var pattern4 = /\.at/gi;/* * 匹配第一個"bat"或"cat"，不區分大小寫 */ var pattern1 = /[bc]at/i; /* * 與 pattern1 相同，只不過是使用構造函數創建的 */ var pattern2 = new RegExp("[bc]at", "i");

由于 RegExp 構造函數的模式參數是字符串，所以在某些情況下要對字符進行雙重轉義。
盡量多使用 RegExp 構造函數；

var re = null, i;

for (i=0; i < 10; i++){
re = /cat/g;
re.test("catastrophe");
}

for (i=0; i < 10; i++){
re = new RegExp("cat", "g");
re.test("catastrophe");
}

2.1 RegExp 實例屬性

RegExp 的每個實例都具有下列屬性，通過這些屬性可以取得有關模式的各種信息。
global；
ignoreCase；
lastIndex；
multiline；
source；

2.2 RegExp 實例方法

//exec()； var text = "cat, bat, sat, fat"; var pattern1 = /.at/; var matches = pattern1.exec(text); alert(matches.index); //0 alert(matches[0]); //cat alert(pattern1.lastIndex); //0 matches = pattern1.exec(text); alert(matches.index); //0 alert(matches[0]); //cat alert(pattern1.lastIndex); //0 var pattern2 = /.at/g; var matches = pattern2.exec(text); alert(matches.index); //0 alert(matches[0]); //cat alert(pattern2.lastIndex); //3 matches = pattern2.exec(text); alert(matches.index); //5 alert(matches[0]); //bat alert(pattern2.lastIndex); //8//test(); var text = "000-00-0000"; var pattern = /\d{3}-\d{2}-\d{4}/;if (pattern.test(text)){alert("The pattern was matched."); }var pattern = new RegExp("\\[bc\\]at", "gi"); alert(pattern.toString()); // /\[bc\]at/gi alert(pattern.toLocaleString()); // /\[bc\]at/gi

2.3 RegExp 構造函數屬性

2.4 模式的局限性

ECMAScript 正則表達式不支持的特性：
? 匹配字符串開始和結尾的\A 和\Z 錨①
? 向后查找（lookbehind） ②
? 并集和交集類
? 原子組（atomic grouping）
? Unicode 支持（單個字符除外，如\uFFFF）
? 命名的捕獲組③
? s（single，單行）和 x（free-spacing，無間隔）匹配模式
? 條件匹配
? 正則表達式注釋

3. Function 類型

3.1 沒有重載（深入理解）

//沒有重載的本質 var addSomeNumber = function (num){return num + 100; };addSomeNumber = function (num) {return num + 200; };var result = addSomeNumber(100); //300

3.2 函數聲明與函數表達式

//理解函數聲明和函數表達式在解析器中執行的不同//正常 alert(sum(10,10)); function sum(num1, num2){return num1 + num2; }//報錯 alert(sum(10,10)); var sum = function(num1, num2){return num1 + num2; };

3.3 作為值的函數

//類似委托 function callSomeFunction(someFunction, someArgument){return someFunction(someArgument); }function add10(num){return num + 10; }var result1 = callSomeFunction(add10, 10); alert(result1); //20//巧妙 function createComparisonFunction(propertyName) {return function(object1, object2){var value1 = object1[propertyName];var value2 = object2[propertyName];if (value1 < value2){return -1;} else if (value1 > value2){return 1;} else {return 0;}}; }var data = [{name: "Zachary", age: 28}, {name: "Nicholas", age: 29}]; data.sort(createComparisonFunction("name")); alert(data[0].name); //Nicholas data.sort(createComparisonFunction("age")); alert(data[0].name); //Zachary

3.4 函數內部屬性

//arguments.callee()； //普通的階乘代碼 function factorial(num){if (num <=1) {return 1;} else {return num * factorial(num-1)} }//解耦后的階乘代碼 function factorial(num){if (num <=1) {return 1;} else {return num * arguments.callee(num-1)} }//解耦后的優點 var trueFactorial = factorial; factorial = function(){return 0; }; alert(trueFactorial(5)); //120 alert(factorial(5)); //0//this window.color = "red"; var o = { color: "blue" }; function sayColor(){alert(this.color); } sayColor(); //"red" o.sayColor = sayColor; o.sayColor(); //"blue"//caller，保存函數的函數的引用，因為outer調用了inner，所以指向outer function outer(){inner(); } function inner(){alert(inner.caller); } outer();//解耦和之后的caller，訪問相同的信息 function outer(){inner(); } function inner(){alert(arguments.callee.caller); } outer();

3.5 函數的屬性和方法

//length，函數希望接受的命名參數的個數 function sayName(name){alert(name); } function sum(num1, num2){return num1 + num2; } function sayHi(){alert("hi"); } alert(sayName.length); //1 alert(sum.length); //2 alert(sayHi.length); //0//prototype//apply() function sum(num1, num2){return num1 + num2; } function callSum1(num1, num2){return sum.apply(this, arguments); // 傳入 arguments 對象 } function callSum2(num1, num2){return sum.apply(this, [num1, num2]); // 傳入數組 } alert(callSum1(10,10)); //20 alert(callSum2(10,10)); //20//call() function sum(num1, num2){return num1 + num2; } function callSum(num1, num2){return sum.call(this, num1, num2); } alert(callSum(10,10)); //20//apply() 或 call() 更重要的作用，擴充函數賴以運行的作用域運行的作用域。下面來看一個例子。 window.color = "red"; var o = { color: "blue" }; function sayColor(){alert(this.color); } sayColor(); //red sayColor.call(this); //red sayColor.call(window); //red sayColor.call(o); //blue//bind()，綁定作用域 window.color = "red"; var o = { color: "blue" }; function sayColor(){alert(this.color); } var objectSayColor = sayColor.bind(o); objectSayColor(); //blue

4. 基本包裝類型

//要注意的是，使用 new 調用基本包裝類型的構造函數，與直接調用同名的轉型函數是不一樣的。 var value = "25"; var number = Number(value); //轉型函數 alert(typeof number); //"number" var obj = new Number(value); //構造函數 alert(typeof obj); //"object"

4.1 Boolean 類型

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

理解基本類型的布爾值與 Boolean 對象之間的區別非常重要。
當然，我們的建議是永遠不要使用 Boolean 對象。

4.2 Number 類型

var num = 10; alert(num.toString()); //"10" alert(num.toString(2)); //"1010" alert(num.toString(8)); //"12" alert(num.toString(10)); //"10" alert(num.toString(16)); //"a"var num = 10; alert(num.toFixed(2)); //"10.00"var num = 10.005; alert(num.toFixed(2)); //"10.01"var num = 10; alert(num.toExponential(1)); //"1.0e+1"var num = 99; alert(num.toPrecision(1)); //"1e+2" alert(num.toPrecision(2)); //"99" alert(num.toPrecision(3)); //"99.0"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

4.3 String 類型

4.3.1 字符方法

var stringValue = "hello world"; alert(stringValue.charAt(1)); //"e"var stringValue = "hello world"; alert(stringValue.charCodeAt(1)); //輸出"101"var stringValue = "hello world"; alert(stringValue[1]); //"e"

4.3.2 字符串操作方法

var stringValue = "hello "; var result = stringValue.concat("world"); alert(result); //"hello world" alert(stringValue); //"hello"var stringValue = "hello "; var result = stringValue.concat("world", "!"); alert(result); //"hello world!" alert(stringValue); //"hello"var stringValue = "hello world"; alert(stringValue.slice(3)); //"lo world" alert(stringValue.substring(3)); //"lo world" alert(stringValue.substr(3)); //"lo world" alert(stringValue.slice(3, 7)); //"lo w" alert(stringValue.substring(3,7)); //"lo w" alert(stringValue.substr(3, 7)); //"lo worl"var stringValue = "hello world"; alert(stringValue.slice(-3)); //"rld" alert(stringValue.substring(-3)); //"hello world" alert(stringValue.substr(-3)); //"rld" alert(stringValue.slice(3, -4)); //"lo w" alert(stringValue.substring(3, -4)); //"hel" alert(stringValue.substr(3, -4)); //""（空字符串）

4.3.3 字符串位置方法

var stringValue = "hello world"; alert(stringValue.indexOf("o")); //4 alert(stringValue.lastIndexOf("o")); //7var stringValue = "hello world"; alert(stringValue.indexOf("o", 6)); //7 alert(stringValue.lastIndexOf("o", 6)); //4var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit"; var positions = new Array(); var pos = stringValue.indexOf("e"); while(pos > -1){positions.push(pos);pos = stringValue.indexOf("e", pos + 1); } alert(positions); //"3,24,32,35,52"

4.3.4 trim() 方法

var stringValue = " hello world "; var trimmedStringValue = stringValue.trim(); alert(stringValue); //" hello world " alert(trimmedStringValue); //"hello world"

此外， Firefox 3.5+、 Safari 5+和 Chrome 8+還支持非標準的
trimLeft()和 trimRight()方法，分別用于刪除字符串開頭和末尾的空格。

4.3.5 字符串大小寫轉換方法

var stringValue = "hello world"; alert(stringValue.toLocaleUpperCase()); //"HELLO WORLD" alert(stringValue.toUpperCase()); //"HELLO WORLD" alert(stringValue.toLocaleLowerCase()); //"hello world" alert(stringValue.toLowerCase()); //"hello world"

一般來說，在不知道自己的代碼將在哪種語言環境中運行的情況下，還是使用針對地區的方法更穩妥一些。

4.3.6 字符串的模式匹配方法

4.3.7 localeCompare() 方法

var stringValue = "yellow"; alert(stringValue.localeCompare("brick")); //1 alert(stringValue.localeCompare("yellow")); //0 alert(stringValue.localeCompare("zoo")); //-1

對于大小寫的比較因國家而異。

4.3.8 fromCharCode() 方法

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

4.3.9 HTML 方法

5. 單體內置對象

5.1 Global 對象

5.1.1 URI 編碼方法

var uri = "http://www.wrox.com/illegal value.htm#start"; //"http://www.wrox.com/illegal%20value.htm#start" alert(encodeURI(uri)); //"http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start" alert(encodeURIComponent(uri));var uri = "http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start"; //http%3A%2F%2Fwww.wrox.com%2Fillegal value.htm%23start alert(decodeURI(uri)); //http://www.wrox.com/illegal value.htm#start alert(decodeURIComponent(uri));

一般來說，我們使用 encodeURIComponent() 方法的時候要比使用encodeURI()更多，
因為在實踐中更常見的是對查詢字符串參數而不是對基礎 URI進行編碼。
URI 方法能夠編碼所有 Unicode 字符，而原來的方法只能正確地編碼 ASCII 字符。
因此在開發實踐中，特別是在產品級的代碼中，一定要使用 URI 方法，
不要使用 escape()和 unescape()方法。

5.1.2 eval() 方法

eval("alert('hi')"); 這行代碼的作用等價于下面這行代碼： alert("hi");var msg = "hello world"; eval("alert(msg)"); //"hello world"eval("function sayHi() { alert('hi'); }"); sayHi();eval("var msg = 'hello world'; "); alert(msg); //"hello world"

能夠解釋代碼字符串的能力非常強大，但也非常危險。因此在使用 eval()時必須極為謹慎，
特別是在用它執行用戶輸入數據的情況下。否則，可能會有惡意用戶輸入威脅你的站點
或應用程序安全的代碼（即所謂的代碼注入）。

5.1.3 Global 對象的屬性

5.1.4 window 對象

var color = "red"; function sayColor(){alert(window.color); } window.sayColor(); //"red"var global = function(){return this; }();

5.2 Math 對象

5.2.1 Math 對象的屬性

5.2.2 min() 和 max() 方法

var max = Math.max(3, 54, 32, 16); alert(max); //54 var min = Math.min(3, 54, 32, 16); alert(min); //3var values = [1, 2, 3, 4, 5, 6, 7, 8]; var max = Math.max.apply(Math, values);

5.2.3 舍入方法

alert(Math.ceil(25.9)); //26 alert(Math.ceil(25.5)); //26 alert(Math.ceil(25.1)); //26alert(Math.round(25.9)); //26 alert(Math.round(25.5)); //26 alert(Math.round(25.1)); //25alert(Math.floor(25.9)); //25 alert(Math.floor(25.5)); //25 alert(Math.floor(25.1)); //25

5.2.4 random() 方法

//1到 10 之間 var num = Math.floor(Math.random() * 10 + 1);//2到 10 之間 var num = Math.floor(Math.random() * 9 + 2);function selectFrom(lowerValue, upperValue) {var choices = upperValue - lowerValue + 1;return Math.floor(Math.random() * choices + lowerValue); } var num = selectFrom(2, 10); alert(num); // 介于 2 和 10 之間（包括 2 和 10）的一個數值var colors = ["red", "green", "blue", "yellow", "black", "purple", "brown"]; var color = colors[selectFrom(0, colors.length-1)]; alert(color); // 可能是數組中包含的任何一個字符串

5.2.5 其他方法

轉載于:https://www.cnblogs.com/huoteng/p/4959174.html

總結

以上是生活随笔為你收集整理的引用类型（下）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

类型

上一篇：找出现实中符合这三种模式的互联网产品
下一篇： git 菜鸟入门