码迷,mamicode.com
首页 > 编程语言 > 详细

javaScript笔记整理

时间:2018-03-26 23:36:44      阅读:279      评论:0      收藏:0      [点我收藏+]

标签:过滤   com   protocol   rom   blog   接受   附加   区分   inf   

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处理表单

 <form id="test-form‘‘>

   <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属性

技术分享图片

 

 

 

长度

javaScript笔记整理

标签:过滤   com   protocol   rom   blog   接受   附加   区分   inf   

原文地址:https://www.cnblogs.com/xinxianquan/p/8654611.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!