作者:香樟树1016 | 来源:互联网 | 2023-09-25 17:45
想温习一下javascript高等程序设计一书的内容,写下了下面的笔记,都是比较细的点,想到什么就写什么了,可以有点略杂。Array数组部份1.Array的length不仅是可读的
想温习一下Javascript高等程序设计一书的内容,写下了下面的笔记,都是比较细的点,想到什么就写什么了,可以有点略杂。
Array数组部份
1.Array的length
不仅是可读的,而且是可写的。这就意味着可以经由过程修正length
来直接裁剪数组。假如length
直接改大,那末没有赋值的处所为undefined
var a = [1,2,3];
a.length=2;
a;//[1,2]
a.length=3;
a;//[1,2,undefined]
2.Array.concat()可以接收许多个参数,而且也支撑范例不一样的。将会返回衔接以后的副本,不会修正本来的数组
var a = [1,2,3];
var b = a.concat('a',[3,4,5],1);
a;//[1,2,3]
b;//[1,2,3,'a',3,4,5,1]
3.splice()
函数
参数数量 | 功用 |
---|
两个参数Array.splice(startPos,delNum) | 举行删除操纵,第一个参数示意肇端位置,第二个示意删除的个数 |
多个参数Array.splice(startPos,delNum,*insetElems) | 删除并插进去,前两个参数同上,以后的参数为在删除的位置须要插进去的元素。假如第二个参数为0,仅举行插进去操纵。 |
函数Function
和字符串String
1.要擅于应用arguments.callee举行解耦。我们在写递归函数的时刻都会在函数内部挪用本身函数,这时候我们假如运用本身的函数名,函数内部就和函数名有耦合。我们直接运用arguments.callee
就可以接见到函数名并举行挪用
function addAll(n){
if(n==1){return 1;}
return n+addAll(n-1);
return n+arguments.callee(n-1);//better!
}
var addAll_1 = addAll;
addAll_1(3);//error
2.援用范例和基础包装范例最主要的就是对象的生存期。假如是运用new
建立的援用范例实例,那末实行流会一向生存到当前作用域完毕。假如是自动建立的则其基础包装类对象只存在一瞬间。
var s = "sad";
s.color = "red";
s.color;//null
3.运用new挪用基础包装类性的组织函数和直接挪用同名函数的结果是不一样的。
var number = Number("123");
typeof number;//number
var number2 = new Number("123");
typeof number2;//Object
4.因为字符串也是相似一个数组,我们想要对string
运用Array
要领,可以运用call
或许apply
var str = '123';
Array.prototype.map.call(str,function(ele){console.log(ele);}
经由过程这个要领可以运用数组的许多要领,比方filter
,forEach
等。不过貌似许多处所都可以用相似这类形式。
5.数组的要领:trim()
,concat()
许多都不会修正本来数组的内容,只是建立副本并返回。
6.运用Global
对象的encodeURIComponent()
函数对一切非字母数字举行编码。decodeURIComponent()
举行解码。这个之前写爬虫就爬到了许多相似于unicode
的码u5168,或许在网页URI中的一些查询字符%E5%93%88%E5%93%88
之类的也可以经由过程这个举行解码,还算是比较好用的一个函数啦。
7.应用bind()
函数举行过一次绑定以后就再也不可以举行第二次绑定了。也就是说this已被牢固下来了。
var a = {name:"A"}
var b = {name:"B"}
function getName(){console.log(this.name);}
var getA = getName.bind(a);
getA();//A
var getB = getA.bind(b);
getB();//A
8.只如果继续的,举行instanceof
检测的时刻会返回true
a instanceof Object;//true
undefined instanceof Object;//false
null instanceof Object;//false
Object
类的属性的属性
属性的属性就是指Object
的属性的一些特征。分为数据属性和接见器属性。数据属性是用来存储数据数值的,而接见器属性平常举行get/set
操纵,而不能举行数据的存储。
个中,数据属性分为四个:
1. [[Configurable]]示意可否经由过程delete删除属性从而从新定义属性
2. [[Enumerable]]示意可否经由过程for-in轮回返回属性。
3. [[Writable]]示意可否修正属性的值
4. [[Value]]示意值
接见器属性
1.[[Configurable]]:默以为true。示意可否经由过程delete删除属性从而从新定义属性,可否修正属性特征,或许可否把属性修正为接见器属性;
2.[[Enumerable]]:默以为true。示意可否经由过程for-in轮回返回属性;
3.[[Get]]:读取属性时挪用的函数,默以为undefined;
4.[[Set]]:写入属性时挪用的函数,默以为undefined。
不能直接增加这些属性。只能用Object.defineProperty()
或许Object.defineProperties()
举行设置。例子以下
var a = {_name:123}
Object.defineProperty(a, 'name', {
get:function(){
return "我是"+this._name;
},
set:function(newVal){
if(newVal>20){
this._name=newVal;
}
}
})
这里a并没有name
这个属性,然则经由过程get()
建立了从name
到_name
的映照。可以使得数据属性的操纵越发天真。
下面是同时举行多个属性的设置的语法示例:(writable
设置为false
示意不能举行值的修正。)
Object.defineProperties(
a,{_name:{value:23,writable:false},{name:{get:function(){return this._name;},set:function(){}}
}
}
)
原型链
可以经由过程对象实例来接见保存在原型中的值,然则不能经由过程对象实例来重写原型中的值,他会在实例的属性中增加这个值而且遮盖掉原型链中的值。然则经由过程__proto__.prop
就可以接见到原型链中的prop
属性。
即便是在实例中设置属性为null也不会消弭对原型属性的遮盖。除非运用delete
function Person(){
}
Person.prototype.name="aa";
var a = new Person();
var b = new Person();
a.name="bb";
b.name;//"aa"
a.name=null;
a.name;//null
a.__proto__.name;//"aa"
a.__proto__.name="bb";
b.name;//"bb"
可以经由过程hasOwnProperty()
来获取到实例非原型链中是不是有这个属性。
假如要推断实例有这个属性(包含原型链中的属性)用in
这个操纵符。
经由过程for-in
轮回返回的是对象可以接见到的(包含原型链),而且enumerable设置为true的属性
var c={name:"123",age:23};
Object.defineProperty(c,'name',{enumerable:false})
for(ele in c){console.log(ele);}//only age
假如要返回一切实例非原型链属性(不论是不是可以罗列)
Object.keys(obj)//将返回一切可罗列的,属于实例对象的属性的属性名数组。
Object.getOwnPropertyNames(obj);//返回的是一切实例属性(不包含原型链),不论是不是可罗列