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

JavaScript学习笔记(一)

时间:2015-11-07 22:01:34      阅读:292      评论:0      收藏:0      [点我收藏+]

标签:

 

记录方法及知识点,避免后期遗忘

null和undefined

null代表一个空值,undefined代表值未定义。

==和===

==会自动转换数据类型再比较。===不会自动转换数据类型,如果数据类型不一致,则返回false。

例如:false == 0 : true,false === 0:false

数组

var arry = new Array(1,2,3);

var array = [1,2,3];

对象

var model = {

  name:"Chenxy",

  age:20

}

Json

var model = {
"Name": "Chenxy",
"hooby": ["Eat", "Play", "Game"]
}

strict模式与全局变量

如果变量不用var申明,则视为全局变量。如存在多个同名的全局变量则会冲突。

为修复此问题,推出strict模式,如未声明则异常。启动方法为在js代码上加上 ‘use strict‘;

转义字符

\n 换行,\t 制表符,\\ 就是\

字符串方法

var ToUpper = strText.toUpperCase();
    console.log("全部变大写:"+ToUpper);
    var ToLower = strText.toLowerCase();
    console.log("全部变小写:"+ToLower);
    var IndexOf = strText.indexOf("jq");
    console.log("返回指定字符出现的位置,如果没有则-1:"+IndexOf);
    var SubStr = strText.substring(0,3);
    console.log("返回指定区间字符串:"+SubStr);

数组方法

var arr = [10,20,30,‘40‘];
    var IndexOf = arr.indexOf(20);
    console.log("返回指定的索引,如果没有则-1:"+IndexOf);
    var Slice = arr.slice(2,3);
    console.log("截取部分元素,返回一个新的array,如果不写第二个则默认截取到最后:"+Slice);
    
    arr.push(50,60); //向末尾添加若干元素
    arr.unshift(5,6); //向头部添加若干元素
    arr.pop();//删除最后一个元素
    arr.shift();//删除第一个元素
    
    arr.sort(); //排序
    arr.reverse(); //倒序
    
    arr.splice(2,3,80,90); //从索引2开始删除三个元素,然后添加两个元素
    
    var arr2 = [‘A‘,‘B‘,‘C‘];
    arr.concat(arr2); //合并两个数组
    arr.concat(1,2,[3,4]); //自动将数组拆开,并组合
    
    var join = arr.join(‘-‘); 
    console.log("每个元素都用指定连接符连接:"+join);

in操作符

查询对象中是否包含某一个属性。包含为true,反之为false。

例子:‘name‘ in obj; 

Map和Set

一组键值对的结构,拥有极快的查找速度。键不可以重名,如果重名则会替换之前那个

var sMap = new Map(); //初始化空Map
    sMap.set("A",67); //添加一个
    sMap.set("B",70);
    sMap.has("A"); //判断是否存在
    sMap.get("A"); //获取对应值
    sMap.delete("A"); //删除key

Set没有重复的Key,重复元素会被自动过滤。剩下的和Map相同

arguments

调用者传入的所有参数。直接方法里面写即可

rest

多余的参数以数组的形式交给变量rest。例:function a(a,b,..rest){}

this

只获取被调用的对象。

apply,修复this指向对象。两个参数,第一个是需要绑定的this变量,第二个是参数。例子:getA.apply(xiaoming,[1,2,3]); //this指向小明,参数为123

call 跟apply相似,只不过是顺序输入。getA.call(xiaoming,1,2,3);

装饰器

利用apply,可以重写window内置方法。举例:

var oldParInt = window.parseInt;
    window.parseInt = function(){
        alert(1);
        return oldParInt.apply(null,arguments);
    }

Map

遍历于数组,可以让数组中每个元素都执行某个方法。例:

function pow(x)
    {
        return x*x;
    }
    var arr = [1,2,3,4,5,6];
    arr.map(pow);

reduce

函数必须接收两个值,遍历与数组,进行累加计算。例:

function pow(x,y)
    {
        return x*y;
    }
    var arr = [1,2,3,4,5,6];
    arr.reduce(pow);

 

JavaScript学习笔记(一)

标签:

原文地址:http://www.cnblogs.com/chenxygx/p/4943379.html

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