javascript基礎(第三天)

時間 2019-11-09

標籤 javascript 基礎第三天欄目 JavaScript 简体版

原文原文鏈接

開胃菜, var a = [2,3,1,3,8,4,3]; 如何快速找到8的索引位置?
開始的一句話: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference 這個星球最好的js文檔之一

ie9+ (2012年才基本普及,跟如今的es6差很少)

in操做符的使用, 查找屬性是否存在當前對象(包括原型也算)javascript

var a = {b:'bbb',c:'ccc'}; function b(){ this.d='ddd' }; b.prototype=a; var bb = new b(); 'd' in bb;java

Boolean
x = Boolean(expression); // 這樣用
x = new Boolean(expression); // 而不要這樣!
!! //纔是王道
Numberes6

Number(thing)
new Number(thing)express

String
String(thing)
new String(thing)數組

String.fromCharCode(65); //A unicode ---> 65app

Date函數

RegExp測試

Errorthis

Functionspa

arguments.callee; //找到本身

arguments.callee.caller; //找到誰調用的我(找爸爸)

function a(){

console.log(a.caller);

//console.log(a.caller === arguments.callee.caller); //true

};

function b(){

a();

};

b();

bind(); 相似於apply,call的一個方法

var a = {b:'bbb',c:'ccc'};

      function f(){
              this.b='xxx';
              return this.b+this.c;
      }
      var fun = f.bind(a); //至關於又建立了一個函數,並無破壞f
      fun();
      console.log(a);

var a = {b:'bbb',c:'ccc'};

      function f(param){
              this.b=param;
              return this.b+this.c;
      }
      var fun = f.bind(a); //至關於又建立了一個函數,並無破壞f
      console.log( fun('xxx') );
      console.log(a);

Array

isArray();//判斷是否是數組類型

Array.isArray({}) // false

Array.isArray([]) // true

indexOf(); 返回索引位置,或-1

[1,2,3].indexOf(2); //1

lastIndexOf();

[1,2,3].lastIndexOf(2); //1

forEach(); //沒有返回值

  [1,2,3].forEach(function(value,index,array){
      console.log("value="+value+",index="+index+",array="+array);
  });

[1,2,3].forEach(function(value,index,array){
   if( value === 2 ){
      return true;
      //return false;
   }
   console.log("value="+value+",index="+index+",array="+array);
});[]

map(); 會覆蓋原數組嗎??

[1,2,3].map(function(value,index,array){

return value*2;

});

var a = [1,2,3];

a.map(function(value,index,array){

return value*2;

});

console.log(a);

filter(); 會覆蓋原數組嗎?

  var a = [1,2,3];
  a.filter(function(value,index,array){
      return value>2;
  });
//console.log(a);

some(); //返回false,或者true,遍歷數組是否知足某種狀況

var a = ['男人','女人','妹子','奶哥'];

a.some(function(value,index,array){

return value === '奶哥' ;

});

every(); //返回false,或者true,遍歷數組是否所有知足某種狀況

var a = ['男人','女人','妹子','奶哥變身'];

a.every(function(value,index,array){

return value !== '奶哥' ;

});

reduce() //循環疊加,從頭至尾

var a = [1,2,3,4];

a.reduce(function(prev,cur,index,array){

return prev+cur;

});

reduceRight() //循環疊加,從尾到頭

var a = [1,2,3,4];

a.reduceRight(function(prev,cur,index,array){

return prev+cur;

});

Object

var a = {b:'bbb',c:'ccc'};
function b(a){
a.b='xxx';
}
function c(a){
delete a.b;
}
b(a);
c(a);
console.log(a.b); //這個故事告訴咱們, js的不穩定性.因此推出來了好東西

!!!!極其重要的!!!!

Configurable: 可否delelte刪除從而從新定義屬性,可否修改屬性特性.(!!修改成訪問器屬性或者數據屬性!!)

Enumerable: 表示可否經過for-in循環返回屬性

Writable: 表示可否修改屬性的值

//設置value的叫數據屬性, 設置getter,setter的叫訪問器屬性

Value: 這個屬性的數據屬性, 從這個位置讀, 寫入這個位置.

Getter/Setter, 這個屬性叫訪問器屬性, 從getter讀, 從setter取

Object.keys(); //返回一個指定對象的全部非繼承,可枚舉屬性名的數組

var a = {b:'bbb',c:'ccc'}; Object.keys(a); //["b", "c"]

Object.getPrototypeOf(); 返回指定對象的原型

var a = {b:'bbb',c:'ccc'}; Object.getPrototypeOf(a); //Object {}

var a = {b:'bbb',c:'ccc'}; function b(){}; b.prototype=a; Object.getPrototypeOf(b); //function Empty() {}

var a = {b:'bbb',c:'ccc'}; function b(){}; b.prototype=a; Object.getPrototypeOf(new b()); //Object {b: "bbb", c: "ccc"}

Object.create(指定的原型,屬性); //使用指定的原型及屬性建立一個新對象

var a = Object.create(null); a; //建立空對象

var a = Object.create({}); a; //建立空對象

var a = {b:'bbb',c:'ccc'};

var children = Object.create(a);

children.__proto__ === a; // true;

children.prototype; === undefined; //true

var cc = new children(); //TypeError: object is not a function

function b(){ this.bb='bb';} var a = Object.create(b); new a.__proto__().bb; //bb

function b(){ this.bb='bb';} b.cc='cc'; var a = Object.create(b); a.cc; //cc

var a = Object.create(Array); console.log(a.isArray([])); a === Array; //false; //也就是說新建了一個全局的Array對象 !!挺好玩的

//!!比較重要的例子!!!

children.r=100;
console.log(children.r);

Object.freeze(); 將指定的對象設置爲不能夠改變增,刪,改都不行,只能查

var a = {b:'bbb',c:'ccc'};

Object.freeze(a);

delete a.b;

a.c = 'xxx';

a.d = 'ddd';

console.log(a.b); //bbb

console.log(a.c); //ccc

console.log(a.d); //undefined

Object.seal(); //阻止添加新屬性或者刪除現有屬性, 增/刪不行, 能夠改和查

var a = {b:'bbb',c:'ccc'};

Object.seal(a);

delete a.b;

a.c = 'xxx';

a.d = 'ddd';

console.log(a.b); //bbb

console.log(a.c); //xxx

console.log(a.d); //undefined

Object.preventExtensions(); //阻止在一個對象上添加新屬性, 新增不行, 刪除,改,查能夠.

      var a = {b:'bbb',c:'ccc'};
      Object.preventExtensions(a);
      delete a.b;
      a.c = 'xxx';
      a.d = 'ddd';
      console.log(a.b); //undefined
      console.log(a.c); //xxx
      console.log(a.d); //undefined

Object.isFrozen(); //判斷當前對象是否凍結 -->專門針對Object.freeze()的

Object.isSealed(); //判斷當前是否爲封閉-->專門針對Object.seal()的

Object.isExtensible(); 判斷當前對象是否能新增屬性, --->針對Object.preventExtensions()的

Object.propertyIsEnumerable();//檢查對象的某個屬性是否可枚舉(for in) –> 針對enumerable字段

Object.getOwnPropertyNames(); 返回一個包含指定對象的全部非繼承屬性名的數組,包含不可枚舉類型

Object.getOwnPropertyNames(children); //["x", "y", "z", "r"]

Object.defineProperty(); //要修改屬性默認的特性,使用它

var person = { name: '1234' }; //這樣定義Configurable,Enumerable,Writable默認爲true,Value等於指定值

var woman = {};
Object.defineProperty(woman,"name",{
   configurable:false, //刪除
   enumerable:false, //for in
   writable:false, //修改
   value:'奶哥'
});
console.log(woman.name); //奶哥

delete woman.name;
console.log(woman.name); //奶哥

for(var i in woman){
console.log(i);
}

woman.name='奶哥變身';
console.log(woman.name); //奶哥

Object.defineProperty(woman,"name",{
configurable:true,
});