javaScript笔记整理

Posted 2020-10-28 疏桐

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javaScript笔记整理相关的知识，希望对你有一定的参考价值。

1、filter也是一个常用的操作函数，他作用于Array的某些元素，然后返回剩下的元素，和map()类似，Array的filter()也接受一个函数，和map()不同的是，filter()把传入的函数作用于每一个元素，然后根据反悔的是true 还是false决定保留还是丢弃该元素。

filter()接受的回掉函数，其实可以有多个参数，通常我们仅适用第一个参数，表示Array的某个元素，回掉函数还可以接受另外两个参数，鸟事元素的位置和数组本身。

2、Array的sort()方法默认吧把所有元素转换成String再排序，

3、箭头函数相当于匿名函数，箭头函数有两种格式，

4、正则表达式、\\d匹配一个数字， \\w匹配一个字母或者一个数字

‘00\\d’-----》007 ‘\\w\\w’------>js

. 匹配任意字符

‘js.’------>jsp jss js!

要是匹配变长得字符，使用*号，表示任意个字符（包括0）,用+表示至少一个字符，用？表示0个或者1个，用{n}表示n个字符，用你{n,m} 表示n到m个字符

\\s表示匹配一个空格

[0-9a-zA-Z\\_]可匹配一个数字或者字母或者下划线

^表示行的开头，^\\d表示必须以数字开头。

$表示行的结束，\\d$表示必须以数字结束

3、可以使用location.herf获取URL各个部分的值

location.protocol； location.host location.port location.pathname location.search location.hash

Cookie是由服务器发送的key_value标识符，因为HTTP协议是无状态的，但是服务器要区分到底是哪个用户发来的请求，就可以使用Cookie来区分，当一个用户登陆服务器成功之后服务器就会发送您一个Cookie给浏览器，列如 user=nsdnf9030-23r0.....伺候浏览器访问该网站时，会在请求头上附加上这个Cookie服务器根据Cookie区分出用户。

除此之外，Cookie还可以存储网站的一些设置，document.Cookie

4、history对象保存了浏览器的历史记录，javascript可调用history的back()或者forward()，这个对象属于历史遗留对象，对于web页面来说，使用大量的ajax交互页面，

5、操作DOM节点，通过各种方式拿到DOM节点，常见的方法document.getElementById()和document.getElementByTagName(),以及CSS选择器document.getElementByClassName();

6、当我们获DOM之后，如果DOM是空的就可以直接使用innerhtml=\'<span>child</span>\'就可以修改DOM的节点内容，相当于插入新的DOM节点，但是如果DOM节点不是空的，就不能使用这种方法，因为innerHtml 会直接替换掉原来的节点，

使用 appendChild把一个节点添加到父节点的而最后一个子节点。

7、JavaScript处理表单

<input type=“text” name=\'test\'><button type="button" onclick="doSUbmitForm()">Submit</button>

</form> <script>

fuction doSubmitFrom(){

var form=documnet.getElementById(\'test-form\');

form.submit();

}</script>

1、过滤掉继承的属性

要过滤掉对象继承的属性，用hasOwnProperty()来实现：

var o = {
    name: \'Jack\',
    age: 20,
    city: \'Beijing\'
};
for (var key in o) {
    if (o.hasOwnProperty(key)) {
        console.log(key); // \'name\', \'age\', \'city\'
    }
}
2、由于Array也是对象，而他的每一个元素的索引被视为对象的属性，因此，for ...in 循环可以直接循环出Array的索引,但是注意的是循环结果是S同日南方类型。

var a=[\'A\',\'B\',\'C\'];
for (var i in a){
 consloe.log(i);
 console.log(a[i]);
}
3、Map是一个键值对的类似于Array

由于一个Key只能对应一个value，所以，多次对一个key放入Value，就面的会把前面的值冲掉。
4、set和map类似，也是一组key集合，但是不存储value由于key不能重复，在set中没有重复的key，要创建一个set，需要提供一个Array作为输入，或者直接创建以一个空的set
 var s1=new Set();
 var s2=new Set([1,2,3]); 重复元素会在set中自动过滤，
用for ....of 循环遍历集合，但是最好的韩式使用Iterable函数中的forEach方法，它只接受一个函数，每次迭代自动调回该函数，
 
Iterable
由于JavaScript允许传入任意个参数，不影响调用，因此传入的参数比定义的参数多也没问题，即使函数内部不需要这些惨呼。
 abs(10,\'blablabla\');//返回10 abs(-9,\'hahaha\',\'mjsds\')、、返回9
利用arguments可以获得调用者传入的所有参数，也就是说，即使函数不定义任何参数，还是就可以拿到参数的值
为了获取除了已经定义的参数a,b 之外的参数，就得使用arguments，并且循环要剔除之前的参数，使用rest参数可以很好的解决
function foo（a,b,.....rest）{
 console.log(\'a\'+a);
 consloe.log(\'b\'+b);
 consloe.log(rest);} foo(1,2,3,4,4),但是 rest参数只能写在最后
前面用用.....标识，传入的参数先绑定a,b,多以的参数，以数组的方式交给变量rest 所以不再使用arguments，就可以直接获取全部的参数
由于JavaScript函数可以嵌套，此时，内部函数可以访问外部函数定义的bianl,反过来不行
 
不行语句 var x=\'Hello\'+y;没报错原因是变量y之后申明啦，但是console.log()显示 Hello, undefined 地火明变零y的值为undefined，这是因为JavaScript引擎自动提升了变量y的声明，但是不会提升y的赋值
所以一般开始对对象的参数进行声明，使用var
 function foo(){
 var 
 x=2;
 y=x+1;
 z;i;
 for(i=0;i<100;i++){
 。。。。。。。}}
5、就AV是默认有一个全局变量window，全局作用域的变量实际上会绑定到widow的一个属性，如下输出的结果是一样的
以变量方式var foo = function () {}定义的函数实际上也是一个全局变量，因此，顶层函数的定义也被视为一个全局变量，并绑定到window对象：
JavaScript实际上只有一个全局变量作用域，任何变量如果在当前函数中没有找到就会在上一层继续查找，最后在全局把变量中也么有，就会报ReferenceError
6、绑定到对象上的函数叫做方法，和函数没有区别，但是他在内部使用了一个关键字this，this只一个特殊变量，它指向当前对象，如下也就是xiaoming这个变量，所以，this.brith可以取得xiaoming的birth属性
 
 
 