js基础

1.语法

基本型不可以加属性，读出来是undefined

var a=1

a.p=2

console.log(a.p)

输出：undefined

 

2. undefined运算

undefined+1=NaN

undefined+'str'=undefinedstr

undefined+true=NaN

 

3. 声明顺序

函数声明优先于变量

console.log(typeof fn);

function fn() {};

var fn;

 

 

 

x. 有用的方法

document.links

 

数组

[].join('') //返回字符串

[].concat([],[])  //返回合并后的新数组

[].slice(start,end)  [start,end)

[].splice(s,l,p1,p2...) //s 开始位置,l 删除元素的个数, p1 p2 ... 在s处插入的新元素

[].indexOf()

[].length=0 //清空数组

[].splice(0,[].length) //清空数组

for(var i=arr.length;i>=0;i--)

{

　　arr.splice(i,1);//避免index改变

}

字符串

''.trim()

''.trimLeft()

''.trimRight()

''.replace(a,b)　　//只会把第一个匹配的a替换为b

var reg=new RegExp(a,"g")

''.replace(reg,b)　　//会把所有匹配的a替换为b

''.replace(/a/g,b)

''.split('')

正则

var reg=/[a-z]/g  //g全局  i忽略大小写 m多行

var reg=new RegExp('[a-z]','i')

reg.exec()

var a='asdf12asdf023asdf012'
var reg=/[a-z]+(\d+)/g
var r=reg.exec(a) //exec() 返回第一个匹配的结果，是个数组，包括完整的正则表达式匹配的结果和()中的匹配的内容。第二次执行exec()时返回第二个匹配的数组结果....正则表达式需有g,否则无论执行几次都返回第一个匹配的结果
//["asdf12", "12"]

reg.test('') //true或false

''.match(reg)

var a='asdf12asdf023asdf012'
var reg=/[a-z]+(\d+)/g
a.match(reg) //正则中有g,则返回包含所有匹配的字符串的数组，不能取()中的匹配
//["asdf12", "asdf023", "asdf012"]

''.search(reg) //返回第一个匹配的index

''.replace(reg,'') //替换

 

日期

var now=new Date();

now.getMonth()　　//0~11

now.getFullYear()

now.getTime()

new Date(2012,11,1) //年，月（0~11），日

var invalid=new Date('asdf');

Object.prototype.toString.call(invalid)　　//[object Date]

isNaN(invalid.getTime())　　//判断

//日期格式化方法
if (!Date.prototype.formatDateTime) {
        Date.prototype.formatDateTime = function (formatStr) {
            var date = this;
            var zeroize = function (value, length) {
                if (!length) {
                    length = 2;
                }

                value = new String(value);
                for (var i = 0, zeros = ''; i < (length - value.length) ; i++) {
                    zeros += '0';
                }
                return zeros + value;
            };

            return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g, function ($0) {
                switch ($0) {
                    case 'd':
                        return date.getDate();
                    case 'dd':
                        return zeroize(date.getDate());
                    case 'ddd':
                        return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
                    case 'dddd':
                        return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
                    case 'M':
                        return date.getMonth() + 1;
                    case 'MM':
                        return zeroize(date.getMonth() + 1);
                    case 'MMM':
                        return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
                    case 'MMMM':
                        return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
                    case 'yy':
                        return new String(date.getFullYear()).substr(2);
                    case 'yyyy':
                        return date.getFullYear();
                    case 'h':
                        return date.getHours() % 12 || 12;
                    case 'hh':
                        return zeroize(date.getHours() % 12 || 12);
                    case 'H':
                        return date.getHours();
                    case 'HH':
                        return zeroize(date.getHours());
                    case 'm':
                        return date.getMinutes();
                    case 'mm':
                        return zeroize(date.getMinutes());
                    case 's':
                        return date.getSeconds();
                    case 'ss':
                        return zeroize(date.getSeconds());
                    case 'l':
                        return date.getMilliseconds();
                    case 'll':
                        return zeroize(date.getMilliseconds());
                    case 'tt':
                        return date.getHours() < 12 ? 'am' : 'pm';
                    case 'TT':
                        return date.getHours() < 12 ? 'AM' : 'PM';
                }
            });
        };
    };

//去掉时间部分        
var now = new Date();
var today = new Date(now.getFullYear(), now.getMonth(), now.getDate());

 

顶层函数

decodeURI() 　　　　　　　　 解码某个编码的 URI。
decodeURIComponent() 　　 解码一个编码的 URI 组件。
encodeURI() 　　　　　　     把字符串编码为 URI。
encodeURIComponent()       把字符串编码为 URI 组件。
escape()                             对字符串进行编码。
eval()                                计算 JavaScript 字符串，并把它作为脚本代码来执行。
getClass()                         返回一个 JavaObject 的 JavaClass。
isFinite()                           检查某个值是否为有穷大的数。
isNaN()                             检查某个值是否是数字。
Number()                  把对象的值转换为数字。
parseFloat()               解析一个字符串并返回一个浮点数。
parseInt()                    解析一个字符串并返回一个整数。
String()                       把对象的值转换为字符串。
unescape()                   对由 escape() 编码的字符串进行解码。

 

 

y.深入

slice 经常用来将 array-like 对象转换为 true array。能用slice方法的，只要有length属性就行。

Array.prototype.slice.call(arguments,0)  //arguments 有length属性，没有slice方法

Object.prototype.toString.call(obj) === '[object Array]'  //判断是否为数组,调用的是Object的toString方法，Array的toString方法可能被重写

 

基本类型无法直接加属性：

var a=1;

a.constructor.prototype.bb=function(){}

a.bb();