當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

学习javascript语言精粹的笔记

發布時間：2025/3/15 javascript 21 豆豆

生活随笔收集整理的這篇文章主要介紹了学习javascript语言精粹的笔记小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1、枚舉：

用for in 語句來遍歷一個對象中所有的屬性名，該枚舉過程將會列出所有的屬性也包括涵數和方法，如果我們想過濾掉那些不想要的值，最為常用的過濾器為hasOwnProperty方法，以及使用的typeof來排除，

var name;

for(name in another_stooge){

　　if(typeof another_stooge[name] !== "function"){

　　　　document.writeln(name + ":" + another_stooge[name]);

}

2、減少全局變量的污染：

a、最小化使用全局變量的一個方法是在你的應用中只創建唯一一個全局變量，

var MYAPP = {};

該變量此時變成了你的應用容器，

MYAPP.stooge = {

first-name:"joe",

last-name:"howard"

};

?b、可以使用閉包的形式進行信息隱藏的方式來減少全局變量污染。

3、函數之調用方法模式：

當一個函數被保存為對象的一個屬性時，我們稱它為一個方法，當一個方法被調用時，this被綁定到該對象。如果一個調用表達式包含一個屬性存取表達式（即一個點表達式或者[subscript]下標表達式），那么它被當作一個方法來調用。

4、this關鍵字的理解：

當函數以函數調用模式調用時，this被綁定到全局對象，這是語言設計上的一個錯誤，倘若語言設計正確，當內部函數被調用時，this應該仍然綁定到外部函數的this變量，這是設計錯誤的后果是方法不能利用內部函數來幫助它工作，因為內部函數的this被綁定了錯誤的值，所以不能共享該方法對對象的訪問權，幸運的是，有一個很容易的解決方案，如果該方法定義一個變量并給它賦值為this，那么內部函數就可以通過那個變量訪問到this。按照約定，我給那個變量命名為that。

簡單的解釋是：精粹上面是說按照編程的習性???this應該綁定父級函數的this作用域的???可是他卻錯誤的綁定到window上了?

5、new操作符的理解：

理解下new這個操作符的作用,?當存在new操作符時,?函數中的this指向的是剛剛被new創建的對象,相當于this=Object.create().?而不帶new直接調用時,是正常的函數執行,函數內部的this語句指向運行時的上下文環境. ? 最近看的書里面都不推薦使用函數構造器的方式構造函數,?他們把?new?Function那一類和eval等到一起了.?也就是說使用new方式生成函數對象不被推薦.??但是沒有文檔說如何處理常規對象生成的問題? 6、以下是學習精粹的練習代碼

<ul id="nav">
<li>item1</li>
<li>item2</li>
<li>item3</li>
<li>item4</li>
</ul>
<script>
var Quo = function(string){
this.status = string;
}
Quo.prototype.get_status = function(){
return this.status;
}
var myQuo = new Quo("confused");
//document.writeln(myQuo.get_status());

var add = function(a,b){
return a+b;
}
var array = [3,4];
var sum = add.apply(null,array);
//alert(sum);
var statusObject = {
status:'OK'
}
var status = Quo.prototype.get_status.apply(statusObject);
//alert(status);

/*var a=10;
var c=20;
var d={
a:50,
c:60
}
function b(){
return this.a+this.c;
}
var e={
a:100,
c:200,
b:b
};
console.log(b());
console.log(b.apply(this));
console.log(b.apply(d));
console.log(b.apply(e));
console.log(e.b());
console.log(e.b.apply(e));
console.log(e.b.apply(null));
console.log(e.b.apply(this));*/

//arguments
var sum = function(){
var i,sum = 0;
for(i=0;i<arguments.length;i++){
sum += arguments[i];
}
return sum;
}
//alert(sum(4,8,15,16,23,42));

//throw
var add = function(a,b){
if(typeof a !== "name" || typeof b !== "name"){
throw{
name:"TypeError",
message:"add needs numbers"
};
}
return a + b;
}
var try_it = function(){
try{
add("seven");
}catch(e){
alert(e.name + ":" + e.message);
}
}
//try_it();

/*var myQuo = quo("aa");和var myQuo = new Quo("aa");的區別
function Constr(){
this.name = "123";
}
function func(){
return{
name:"123",
}
}
var a = new Constr();
alert(a.constructor);
var b = func();
alert(b.constructor);*/

//顏色從黃色到白色的漸變
var fade = function(node){
var level = 1;
var step = function(){
var hex = level.toString(16);
node.style.backgroundColor = "#FFFF" +hex +hex;
if(level<15){
level += 1;
setTimeout(step,100);
}
};
setTimeout(step,100);
}
fade(document.body);

//js 記憶（緩存）
var fibonacci = function(){
var memo = [0,1];
var fib = function(n){
var result = memo[n];
if(typeof result !== 'number'){
result = fib(n-1)+fib(n-2);
memo[n] = result;
}
return result;
}
return fib;
}();
/*
var fibonacci = memoizer([0,1],function(shell,n){
return shell(n-1) + shell(n-2);
});

var factorial = memoizer([1,1],function(shell,n){
return n*shell(n-1);
});*/

//繼承
var Mammal = function(name){
this.name = name;
}

Mammal.prototype.get_name = function(){
return this.name;
}
Mammal.prototype.says = function(){
return this.saying || '';
}
var myMammal = new Mammal('Herb the Mammal');
var name = myMammal.get_name();
//alert(name);

//object.prototype是沒有長度的
var numbers_object = {
'0':'zero','1':'one'
}
//alert(numbers_object); [object,object]

//傳參相加
function add1(){
var sum=0,i;
for(i=0;i<arguments.length;i++){
sum +=arguments[i];
}
return sum;
}
var sum1 = add1(1,2,3,4);
//alert(sum1);

//一維數組
Array.dim = function(dimension,initial){
var a=[],i;
for(i=0;i<dimension;i++){
a[i] = initial;
}
return a;
}
var myArray = Array.dim(10,0);
//alert(myArray);

//多維數組用0填充的4*4的矩陣
Array.matrix = function(m,n,initial){
var a,i,j,mat=[];
for(i=0;i<m;i++){
a=[];
for(j=0;j<n;j++){
a[j] = 0;
}
mat[i] = a;
}
return mat;
}
var myMatrix = Array.matrix(4,4,0);
//console.log(myMatrix);

//構造一個恒等矩陣的方法
Array.identity = function(n){
var i,mat = Array.matrix(n,n,0);
for(i=0;i<n;i++){
mat[i][i] = 1;
}
return mat;
}
myMatrix = Array.identity(4);
//document.write(myMatrix[3][3]);//1

//正則表達式
var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;
var url ="http://www.ora.com:80/goodparts?q#fragment";
var result = parse_url.exec(url);
//alert(result);

//正則驗證數字
window.onblur = function(){
var num = document.getElementById("num").value;
//var ze = /^[0-9]*$/; //驗證數字
//var ze = /^[A-Za-z]+$/; //驗證大小寫字母
//var ze = /^[A-Za-z0-9]+$/; //驗證大小寫字母和數字組合
//var ze = /^1[3|4|5|8][0-9]\d{4,8}$/; //驗證手機號
//var ze = /^(\d{3,4}-)\d{7,8}$/; //驗證電話號碼
//var ze = /^([A-Za-z0-9_-])+@([A-Za-z0-9])+(.[a-z])+$/; //驗證郵箱
var ze = /(^\d{15}$)|(^\d{17}([0-9]|x)$)/; //驗證身份證號
if(num == ""){
alert("不能為空");
}else if(ze.test(num)){
alert("是的");
}else{
alert("不是的");
}
}

//一個語句不能以一個函數表達式開頭，因為官方的語法假定以單詞function開頭的語句是一個function語句，解決辦法就是把函數表達式括在一個圓括號之中，
(function(){
//函數體
})();

//arguments 不是數組，是偽數組，沒有方法，是帶有length成員元素的對象，

//"=="會強制類型轉換，"==="這個不會強制類型轉換，一般建議用后者

</script>
<input type="text" value="" name="" id="num">

轉載于:https://www.cnblogs.com/smght/p/4431432.html

總結

以上是生活随笔為你收集整理的学习javascript语言精粹的笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： curl和file_get_conten
下一篇： C 简介